当前位置: 首页 > 编程笔记 >

js阻止移动端页面滚动的两种方法

吕翰飞
2023-03-14
本文向大家介绍js阻止移动端页面滚动的两种方法,包括了js阻止移动端页面滚动的两种方法的使用技巧和注意事项,需要的朋友参考一下

方法一:

 $(document).on('touchmove',function(e){
 e.preventDefault();
 })

方法二:

position: fixed;top:0;left: 0;

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持小牛知识库!

 类似资料:
  • 本文向大家介绍移动端如何禁止用户手动缩放页面?相关面试题,主要包含被问及移动端如何禁止用户手动缩放页面?时的应答技巧和注意事项,需要的朋友参考一下

  • 我有登陆页(一页)网站。我有文本在中心的着陆页,突出显示与CSS动画。不幸的是,高亮显示这段文字的CSS动画是在进入网站后立即执行的。我怎么才能阻止它?如何使一个动画只在它出现在屏幕上时与文本一起运行。现在,当用户滚动并工作时,文本就会显示出来。不幸的是,下划线在进入网站后移动得更早。当用户滚动页面时,文本将带下划线:( 此元素的屏幕截图

  • 本文向大家介绍JS判断页面是否出现滚动条的方法,包括了JS判断页面是否出现滚动条的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS判断页面是否出现滚动条的方法。分享给大家供大家参考。具体如下:  希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍js防止DIV布局滚动时闪动的解决方法,包括了js防止DIV布局滚动时闪动的解决方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js防止DIV布局滚动时闪动的方法,分享给大家供大家参考。具体方法如下: 最近接触页面性能的东西,有很多细微又原始的内容,比如浏览器渲染。资料非常多,所以选一些做节译,备忘。 JavaScript多次写、读DOM就会发生「布局颠簸」,引起文档重排

  • 本文向大家介绍js实现分享到随页面滚动而滑动效果的方法,包括了js实现分享到随页面滚动而滑动效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现分享到随页面滚动而滑动效果的方法。分享给大家供大家参考。具体如下: 页面向上向下滚动,分享到的模块随着滑动。 要点: 获得页面垂直居中的位置   上代码: 希望本文所述对大家的javascript程序设计有所帮助。

  • 我有一个没有滚动条的静态页面。它链接到另一个有滚动条的页面。两个页面共享相同的背景图像。当我来回切换时,我可以注意到背景图像和页面内容稍微向左移动,因为滚动条显示在一个页面上,而不是另一个页面上。 我用这个技巧解决了这个问题,但它只对主体内容有效。背景图像仍在移动。有没有办法解决这个问题?我有一个补丁(overflow-y:scroll;),它总是显示滚动条,即使没有滚动条,但这并不理想。 我的B