Html 滚动在移动设备上不起作用_Html_Css_Mobile_Scroll

Html 滚动在移动设备上不起作用

html css mobile scroll

Html 滚动在移动设备上不起作用,html,css,mobile,scroll,Html,Css,Mobile,Scroll,我没办法了。我的页面不会在移动设备上滚动（使用iPhone 6进行测试）结构如下 <html> <body> <header></header> <div id ="content"></div> </body> </html> div“content”的高度约为10000px（大量内容）其他不包含内容的页面可以完美滚动。所以我认为div内容溢出是有原因的我尝试了

我没办法了。我的页面不会在移动设备上滚动（使用iPhone 6进行测试）

结构如下

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

div“content”的高度约为10000px（大量内容）

其他不包含内容的页面可以完美滚动。所以我认为div内容溢出是有原因的

我尝试了溢出自动、滚动、高度100%高度100vh，对html正文和内容进行了大量组合，但我无法找到一个既适用于计算机又适用于iPhone的合适解决方案。有时它在iPhone上滚动，但我有两个滚动条和我的电脑，有时它滚动，但标题（应该随着净空消失）留在这里等

欢迎任何帮助。多谢各位

问题已解决。这不是CSS或HTML，而是JS

我使用了TouchWipe，默认情况下，它会在应用滑动事件的div上禁用页面滚动。

如果使用

jquery.touchWipe.js

进行滑动，请在滑动中添加

allowPageScroll:“垂直”

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

它起作用了。

你能更具体地再现你的问题吗？这里可能有一些CSS的东西在起作用，如果没有演示或可复制的代码，如果不在黑暗中拍摄很多照片，就很难找出哪里出了问题。你确定要保存你的liveweave吗？这个链接把我带到了一个样板liveweave页面。我做了，尝试了新的一个？好的，我把你的代码从新的复制到了一个基本的网页，然后把它加载到我的iPhone（6s，iOS 9.3）上。我在向下滚动页面时没有遇到问题。桌面Chrome（51，在macOS上）和桌面Safari也是如此。问题解决了。你告诉我正确的道路。这不是CSS或HTML，而是JS。我使用了TouchWipe，默认情况下它会禁用页面滚动；）