使用better-scroll时遇到已初始化但是页面无法滚动和点击的情况
2018-04-02 18:04
495 查看
这个情况是因为样式定义问题
包裹滚动内容的外面一层盒子要比内容的高度高,高度正好是除掉头部高度剩下来到浏览器底部的高度
scroll外面的盒子的高度可以如下定义:.wrapper-father{
position: fixed;
top: 100px; //头部高度
bottom: 0; //必须设置,可以固定这个盒子在从头部到浏览器底部的高度
}scroll这一个盒子的高度:.wrapper{
height: 100%;
overflow: hidden;
}这样子就能达到头部固定,下面的部分页面滚动
包裹滚动内容的外面一层盒子要比内容的高度高,高度正好是除掉头部高度剩下来到浏览器底部的高度
scroll外面的盒子的高度可以如下定义:.wrapper-father{
position: fixed;
top: 100px; //头部高度
bottom: 0; //必须设置,可以固定这个盒子在从头部到浏览器底部的高度
}scroll这一个盒子的高度:.wrapper{
height: 100%;
overflow: hidden;
}这样子就能达到头部固定,下面的部分页面滚动
相关文章推荐
- VUEJS滚动插件BetterScroll使用时 无法滚动,但是已经捕获 demo
- vue 中使用better-scroll插件时无法滚动问题
- vue2项目中better-scroll 插件使用时候页面不滚动
- Myeclipse中文件已经上传到服务器目录下,文件也没有被占用,但是页面中无法读取和使用问题的解决方法
- Android 使用友盟分享SDK,分享到QQ成功后,遇到app被销毁后,回到此分享界面无法正常点击界面问题。--连QQ都忘记处理的activity状态恢复问题
- query.nicescroll页面初始化无滚动条,等到撑开到应该出现滚动条的时候还是不出现
- 滚动加载|页面滑到底部加载数据|jquery.endless-scroll插件|使用demo
- 使用iframe window的scroll方法控制iframe页面滚动
- 点击不同按钮,加载不同的页面(不使用iframe的情况下)
- 详解vue之better-scroll实现轮播图和页面滚动
- 百度云管家使用QQ第三方登录时提示“由于网络原因无法载入页面 请点击刷新后重试”
- 使用css实现页面头部固定,下面随着内容的增多滚动,但是头部不动的效果
- 解决href使用onclick方法时点击该链接的时候不会跳转页面.但是滚动条会往上滚的问题
- phpcms都配制好了,但是点击链接,页面无法显示_报错
- Thinkpad使用傲游浏览器的时候,无法滚动页面怎么办?
- 解决VMware虚拟机搭建linux、win环境时遇到网络桥接无法使用、NAT网络正常访问的情况。
- 百度云管家使用QQ第三方登录时提示“由于网络原因无法载入页面 请点击刷新后重试”
- 使用OLE对象遇到莫名其妙的情况时,有可能是没调用初始化函数导致的。
- 点击图片之后进入商品详情页面,但是无法加载信息
- 页面js遇到乱码问题的解决方法是和无法转码的情况