滚动不适用于移动设备

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滚动不适用于移动设备相关的知识,希望对你有一定的参考价值。

我没有解决方案。我的页面不会在移动设备上滚动(使用iPhone 6进行测试)。

这是结构

<html>
  <body>
    <header></header>
    <div id ="content"></div>
  </body>
</html>

div“内容”大约是10000px高度(很多内容)

其他不包含内容的页面完全滚动。所以我认为div内容的溢出有一些东西。

我试过溢出自动,滚动,高度100%高度100vh很多组合html的身体和内容,但我无法得到适用于计算机和iPhone的解决方案。有时它在iPhone上滚动,但我有两个滚动条和我的电脑,有时它是滚动但是标题(它应该随着净空消失)留在这里等。

欢迎任何帮助。谢谢

http://liveweave.com/4gBZxB

答案

问题解决了。它不是CSS,也不是HTML,而是JS。

我使用了touchSwipe,默认情况下,在您应用滑动事件的div上停用页面滚动。

另一答案

如果您使用jquery.touchSwipe.js进行滑动,请将allowPageScroll: "vertical"添加到滑动中。

    $("#ID").swipe({
    -----------
    -----------
    threshold:100, 
    allowPageScroll: "vertical"
    });

它正在工作。

以上是关于滚动不适用于移动设备的主要内容,如果未能解决你的问题,请参考以下文章

VueJS 不适用于移动设备

event.preventDefault() 不适用于 jQuery 移动设备?

Javascript重定向不适用于移动设备

响应式网页设计适用于桌面,但不适用于移动设备

地理位置API不适用于移动设备

平滑滚动不适用于 Android RecyclerView 的初始滚动