禁用网页滚动

今日改进网页菜单时发现正常情况下,在唤出原生菜单时,会禁用页面的滚动。为了模拟这一行为,有两种方案:一是设置overflow属性。这种情况下,当页面存在滚动条时,滚动条会消失,十分不美观。另一种十分暴力,直接记录当前滚动位置并暴力回滚。经测试在Chrome 74上完美实现禁用滚动效果。代码如下:

x = window.scrollX
y = window.scrollY
window.onscroll = function () {
    window.scrollTo(x, y)
}

Leave a Reply

Your email address will not be published. Required fields are marked *