首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >禁用移动Safari Webview中使用css/js的回跳功能?

禁用移动Safari Webview中使用css/js的回跳功能?
EN

Stack Overflow用户
提问于 2013-05-03 22:58:33
回答 2查看 4.5K关注 0票数 2

我一直在试图找出这个问题的答案,但没有成功。

我正在为MobileSafari中的for视图编写一些网页。我无法以这种方式访问目标C来禁用该功能。

我想提供一个平滑的滚动页面体验,或正常的滚动页面体验,但不允许用户拖过页面的顶部或底部,然后使其显示空白和“反弹”回来。

有什么好的解决办法吗?

谢谢。

EN

回答 2

Stack Overflow用户

发布于 2013-05-03 23:33:08

看看iScroll 4 (和演示)。它是一个框架,用于内容滚动在一个固定的宽度/高度区域。但是它也能解决你的问题,因为你可以禁用弹跳效果。

如何禁用弹跳效果是解释了“传递参数给等深线”。这两个参数应该是有趣的:

  • 弹跳,启用/禁用超出边界的弹跳。默认值:真。
  • fixedScrollbar,on iOS当您在滚动辊边界上拖动时,滚动条会收缩。将此设置为true可防止滚动条移动到可见区域之外(按照Android)。默认值:在Android上为true,在iOS上为false。

更新

我只是偶然发现了尼斯克罗尔,一个取代浏览器滚动的jQuery插件。它在默认情况下不会反弹,但您可以打开或关闭它。

票数 3
EN

Stack Overflow用户

发布于 2013-05-08 22:24:05

看起来滚动脚本就像:

不要使用每个DOM结构。或者至少对那些更复杂的人不适用。我不知道为什么,但我不能将它们应用到您的代码或其他一些随机网页。

但是我创建了一个小小的javascript,它禁用弹跳效果并模拟滚动动画。

noBounce.js

在这里你可以找到一个示例

它实际上很容易导入,因为它没有依赖项。只需添加到HTML中:

代码语言:javascript
运行
复制
<script src="js/noBounce.js" type="text/javascript"></script>

然后在javascript中的某个地方运行:

代码语言:javascript
运行
复制
noBounce.init({preventDefault: false, animate: true});

您需要设置preventDefault: false。否则你的按钮就不能工作了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16368709

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档