如何关闭 iPad 上的橡胶/弹性滚动效果?

Posted

技术标签:

【中文标题】如何关闭 iPad 上的橡胶/弹性滚动效果?【英文标题】:How to turn off Rubber/Elastic scrolling effect on ipad? 【发布时间】:2014-02-05 08:27:48 【问题描述】:

我的页面带有垂直和水平滚动, 现在,如果用户准确地向左/向右滑动它可以完美地工作,但是当滑动不准确时出现问题,即在直线上(对角线)。这里水平和垂直滑动事件都被触发,垂直滑动在左侧或右侧滑动页面,而水平滑动在 Ipad 上产生弹性效果。

我尝试在我需要滑动的容器上关闭我的制作窗口并在容器上应用类。但这对我没有帮助。

我也尝试了一些 css 修复,但失败了

因为我的页面有全宽层。

我正在使用的轮播是 carouFredSel。

旋转木马可以垂直和水平使用。

我想做到这一点,而ios的向左滑动的弹性效果不应该发生

库使用 Jquery 1.9.1 对于触摸:Hammer.js

请提出建议。

【问题讨论】:

【参考方案1】:

尝试使用“overflow-x(or y): auto;”在您的页面中创建。部门可能会有所帮助。

【讨论】:

我的功能需要 x 和 y 轴,因此在这种情况下溢出 x 和 y 将不起作用。

以上是关于如何关闭 iPad 上的橡胶/弹性滚动效果?的主要内容,如果未能解决你的问题,请参考以下文章

开发中经常用到的特效效果

开发中经常用到的特效效果

如果在弹性滚动弹跳时更改 DOM,则滚动位置会跳转

阻止IOS上的弹性滚动

iPad上的WKWebView水平滚动

防止iDevice上的弹性滚动