滚动不适用于移动设备
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滚动不适用于移动设备相关的知识,希望对你有一定的参考价值。
我没有解决方案。我的页面不会在移动设备上滚动(使用iPhone 6进行测试)。
这是结构
<html>
<body>
<header></header>
<div id ="content"></div>
</body>
</html>
div“内容”大约是10000px高度(很多内容)
其他不包含内容的页面完全滚动。所以我认为div内容的溢出有一些东西。
我试过溢出自动,滚动,高度100%高度100vh很多组合html的身体和内容,但我无法得到适用于计算机和iPhone的解决方案。有时它在iPhone上滚动,但我有两个滚动条和我的电脑,有时它是滚动但是标题(它应该随着净空消失)留在这里等。
欢迎任何帮助。谢谢
答案
问题解决了。它不是CSS,也不是HTML,而是JS。
我使用了touchSwipe,默认情况下,在您应用滑动事件的div上停用页面滚动。
另一答案
如果您使用jquery.touchSwipe.js
进行滑动,请将allowPageScroll: "vertical"
添加到滑动中。
$("#ID").swipe({
-----------
-----------
threshold:100,
allowPageScroll: "vertical"
});
它正在工作。
以上是关于滚动不适用于移动设备的主要内容,如果未能解决你的问题,请参考以下文章