在离子2中禁用iOS中的过度滚动

时间:2017-11-10 15:53:36

标签: ios cordova ionic-framework ionic2

问题

我们有一个Ionic2项目。 Ionic(在iOS上)创建Safari浏览器。 Safari允许我称之为" overscroll"。这是当您可以滚动超出页面的顶部或底部,页面快照回来。

我们的一个页面有一个小签名板。如果用户尝试用手指签名,则他们会滚动屏幕。页面内容足够小,不应该滚动,但过度滚动会导致页面移动。

所需

我们只是想禁用爆破的过度滚动。

实际上我们所有的离子项目都以某种形式存在这种缺点,但这是第一个公然破坏功能的项目。在其他情况下,这只是一个烦恼。

上诉

是否有人熟悉如何禁用此过度滚动?无论是通过离子,cordova插件,还是HTML本身。

1 个答案:

答案 0 :(得分:-2)

如果我理解正确,那么这实际上很容易做到。

只需将no-bounce添加到您的<ion-content>元素。

e.g。

<ion-content no-bounce>