小程序如何固定页面禁止上下滑动?

小程序的页面,也即page view,默认情况下,是可以上下滑动的,特别是可以下拉整个页面,这在一些App中是一个常见的刷新功能。例如朋友圈的下拉。

有的时候,可能会需要让整个页面是固定不动的,那么如何禁止页面的下拉呢?需要通过css设置position为fixed,以及定义好top和bottom的位置即可,将下面的代码加入到小程序的css文件中即可:

page {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0; 
}

By codewenda.com

发表评论

电子邮件地址不会被公开。 必填项已用*标注

24 − = 14