Cordova - iOS嵌套元素禁用弹跳但保持速度滚动

时间:2016-06-19 02:44:38

标签: javascript ios css cordova scroll

我有一个Cordova应用程序,其中一个屏幕上有可滚动的内容。我有div overflow:scroll-webkit-overflow-scroll:touch,一切都很顺利。速度滚动(本机风格)工作正常。这是在iOS 9.3上。 htmlbody不会滚动(height:100%overflow:hidden)。

我遇到的问题是"弹跳"当滚动具有动量并且命中开始/结束时,以及当用户继续拉动内容时,都会产生影响。我想在保持速度滚动的同时禁用动量反弹和用户拉动反弹。我已经尝试了迄今为止我能在网上找到的所有解决方案:

  • 将prefs添加到config.xml - DisallowOverscrollwebviewbounceUIWebViewBounce
  • CSS更改 - 父/子
  • overflow的组合
  • JavaScript杂技 - 在某些情况下捕捉touchstart并致电preventDefault,将scrollTop重置为0等等。
  • 原生代码更改 - 将bounces设置更改为no,迭代" SubViews"

这些都不起作用。一些JS解决方案KIND OF工作,但是以非常小的方式(摇晃,闪烁等)。

非常感谢任何想法!!

1 个答案:

答案 0 :(得分:0)

在config.xml中尝试此操作

<preference name="DisallowOverscroll" value="true" />