使用better-scroll时遇到已初始化但是页面无法滚动和点击的情况

这个情况是因为样式定义问题

包裹滚动内容的外面一层盒子要比内容的高度高,高度正好是除掉头部高度剩下来到浏览器底部的高度

scroll外面的盒子的高度可以如下定义:

.wrapper-father{
  position: fixed;
  top: 100px; //头部高度
  bottom: 0; //必须设置,可以固定这个盒子在从头部到浏览器底部的高度
}

scroll这一个盒子的高度:

.wrapper{
  height: 100%;
  overflow: hidden;
}
这样子就能达到头部固定,下面的部分页面滚动
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值