动态设置scroll-view的高度以及隐藏滚动条

    //获取#header的高度
     var query = wx.createSelectorQuery();
      //选择id
      let that = this;
      query.select('#header').boundingClientRect(function (rect) {
          console.log("获取头部的高度成功");
          that.setData({
              headerHeight:rect.height
          });
      }).exec();

    //获取“可使用窗口”的高度(注意:不包括底下tab栏的高度)
    wx.getSystemInfo({
        success: function (res) {
          that.setData({
            scrollview:res.windowHeight-that.data.headerHeight
          })
        }
      })

wxml

<view style='height:{{scrollview}}px;'></view>

scroll-view滚动条隐藏

wxss

/* scroll-view滚动条隐藏 */
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一:scroll-view隐藏滚动条在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这...
    孤酒独酌阅读 13,751评论 5 3
  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 10,332评论 0 7
  • 绿皮火车里好玩的是你不知道坐在座位上的人是有票还是没票,揣着一张站票的你自然没有底气去问坐着的人。 在车厢连接处,...
    阿鐵阅读 2,578评论 0 1
  • 今日读书:《好好学习》第三章 今日读书时间:22:00-23:30 今日读书总结: 今天略读了第三章,不知道为什么...
    Nicky_Sun阅读 1,193评论 0 0
  • 【环境】公历2018.3.1 农历2018.1.14 星期四 晴 最高温度21.6℃ 最低温度4.6℃ 东北风 3...
    贠大师阅读 1,000评论 0 0

友情链接更多精彩内容