关于页面滚动的规范
在做小程序的过程中,用到了滚动区域,比如商品列表和购物车等,包括以后其他项目也会遇到类似问题,这里我统一规范一下以后自己项目的一个布局。
垂直滚动
如果页面存在滚动,且窗口不需要滚动,那么页面布局使用计算属性来铺满页面,不要使用position: fixed;来实现一些功能!
这样做的好处是:
1.避免滚动条会延展到非滚动区域,滚动条的精度也更加精确
2.避免出现奇怪的现象,如果滚动区域内有下拉、输入框,有时候会飘在最上面
3.用scrollIntoView来滚动到某一个元素的时候,该元素可能会被Fixed的元素挡住
b.如果页面存在滚动,且窗口需要滚动,这种滚动区域一般要设定具体高度,并设置外层overflow:hidden;
2.水平滚动
设置高度和宽度,并且overflow:hidden;