我正在尝试实现一种解决方案,以防止当网页内容大于视口时,iOS 版 Safari 中出现 iOS 反弹效果。
我正在处理的页面的结构非常具体,并且与此页面非常相似http://new.salt.ch/ http://new.salt.ch/
- 基本结构是基于引导程序的。
- 它的顶部有一个固定的导航栏。
- 它有一个全屏背景幻灯片。
- 幻灯片有一个固定在视口底部的覆盖层。
- 有一个页脚元素可以在画布外加载,并且仅在滚动内容时可见。
- 内容在导航栏后面滚动。
- 内容由位于导航栏下方 20 像素处的标题和位于视口上方 20 像素处的一系列按钮组成。
- 滚动时,按钮和标题都会向上移动屏幕以显示页脚。
我遇到的问题与页面上的问题相同http://new.salt.ch/ http://new.salt.ch/当您向上滚动时,您会在屏幕底部看到反弹效果,并显示背景和覆盖层。
我尝试了各种解决方案,包括 iNoBounce.js、Nonbounce.js 以及我在 SO 上找到的其他一些建议。
我总是遇到同样的问题......当我尝试禁用弹跳时,所有滚动都会被禁用。我猜测这是因为内容(页脚除外)总是足够大,不需要滚动,因此滚动被禁用,并且页脚不再可以在滚动时访问。
此代码应该停止弹跳,因为弹跳的是 HTML 标记
html {
height : 100%;
overflow: hidden;
position: relative;
}
body {
height : 100%;
overflow: auto;
position: relative;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)