欢迎光临散文网 会员登陆 & 注册

关于页面滚动的规范

2023-04-13 09:48 作者:roy230329  | 我要投稿

在做小程序的过程中,用到了滚动区域,比如商品列表和购物车等,包括以后其他项目也会遇到类似问题,这里我统一规范一下以后自己项目的一个布局。

  1. 垂直滚动

    1. 如果页面存在滚动,且窗口不需要滚动,那么页面布局使用计算属性来铺满页面,不要使用position: fixed;来实现一些功能!

        这样做的好处是:

        1.避免滚动条会延展到非滚动区域,滚动条的精度也更加精确

        2.避免出现奇怪的现象,如果滚动区域内有下拉、输入框,有时候会飘在最上面

        3.用scrollIntoView来滚动到某一个元素的时候,该元素可能会被Fixed的元素挡住

        b.如果页面存在滚动,且窗口需要滚动,这种滚动区域一般要设定具体高度,并设置外层overflow:hidden;


2.水平滚动

    设置高度和宽度,并且overflow:hidden;


关于页面滚动的规范的评论 (共 条)

分享到微博请遵守国家法律