我想禁用弹跳效果(弹性滚动)ipad/iphone safari浏览器。并尝试使用touchmove防止默认值,但这阻止了整个滚动。我希望能够滚动内容,但只是防止反弹。我的页眉和页脚已修复。 一个想法?防止在ipad/iphone safari中弹性滚动,但允许内容滚动
2
A
回答
1
随着移动Safari iOS8上(为AppleWebKit/600),则可以使用以下如果发生在(向下滑动)的顶部滚动弹跳检测:
window.onscroll =函数(){ 如果(document.body的.scrollTop < 0){// 做一些 }}
我有玩,看看我能找到一个干净的方式“中断”的反弹,但并没有发现什么好东西。
请注意window.onscroll解决方案不会在UIWebView中工作,因为我认为onScroll事件不会在UIWebView中被触发,但是这不是问题,因为UIWebView没有反弹!您可以使用,如果对UIWebView的使用WKWebView https://stackoverflow.com/a/30495399/436776
我就是用这个代码来测试(必须复制并打开全屏测试在iOS上)检测:http://jsbin.com/tocako/edit
相关问题
- 1. 防止身体滚动,但允许叠加滚动
- 2. 防止页面滚动,但允许元素与溢出滚动滚动JQM
- 3. UIWebView允许点击,但阻止滚动
- 4. iOS Safari - 如何禁用overscroll,但允许可滚动的div正常滚动?
- 5. 在iOS Safari中禁用弹性滚动
- 6. iOS滚动视图允许滚动过去的内容
- 7. 防止内容重叠滚动条
- 8. 防止可滚动容器(Sencha 2)内的传送带滚动?
- 9. 允许或阻止滚动Android中StackView
- 10. Mobile Safari Viewport - 防止水平滚动?
- 11. 防止在HTML5中滚动
- 12. fullpage.js - 滚动时允许正常滚动
- 13. 如何停止页面滚动,同时......仍然允许滚动?
- 14. 阻止iPAD滚动,同时允许列表滚动
- 15. 垂直回收站只允许向下滚动但阻止向上滚动
- 16. CSS滚动条显示但不允许滚动
- 17. 禁用页面滚动,但允许谷歌地图滚动
- 18. Famo.us防止滚动视图反弹
- 19. Fullpage.js - 防止滚动
- 20. 防止ScrollViewer滚动
- 21. 防止ListView滚动
- 22. 防止iframe滚动
- 23. CSS防止滚动
- 24. 防止FlipView滚动
- 25. 防止UITableView滚动?
- 26. 防止页面在Flash对象内滚动时滚动
- 27. 防止JavaScript启动滚动
- 28. 防止RichTextBox自动滚动
- 29. 防止contenteditable自动滚动
- 30. iOS - css/js - 叠加滚动,但防止滚动
我知道'-webkit-溢出滚动:触摸;'启用弹性滚动...您可以尝试将其设置为“auto”来关闭它。适用于默认情况下没有弹性滚动的元素。 – 2013-03-08 06:41:41
@TimMedora对于哪个控件应用该属性,我尝试将其应用于我的内容div,但显示错误“未知属性名称” – 2013-03-08 09:29:36
您可以尝试将其应用于CSS中的整个身体元素......我不知道不知道这是否会起作用;只是想我会提到它。更有可能工作的是隐藏body的溢出,并用'overflow:auto'添加另一个元素。默认情况下,只有身体的卷动是弹性的;新元素应该滚动而不反弹。 – 2013-03-08 09:36:41