【问题标题】:overflow-scrolling : touch bind scroll position for cordova ios溢出滚动:cordova ios 的触摸绑定滚动位置
【发布时间】:2016-02-02 06:27:19
【问题描述】:

当使用 CSS 将滚动功能分配给元素时;

例如:

#page{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

<div id="page"></div>

如何用JavaScript绑定这些元素的滑动移动??

我尝试过类似的方法,但没有用!!!

$('#page').on('scroll',function(e){
 var scrollPosition = e.target.scrollTop;
console.log(scrollPosition);
});

iOS 设备上的此代码仅触发完成滚动位置和更新。 我想把所有的卷轴都绑定成带有卷轴功能的潜水员的瞬间动作。

滚动移动在完成之前不会返回值,我们会快速停止滚动屏幕。滚动运动(动量滚动)完成升级。 我想尽办法阻止它,我该如何做这个动量滚动来绑定???

这个例子 (http://adliy.com/scroll) 运行 iOS safari,但这个例子在 WebView 中不起作用,因为我们收到了一个 Cordovan 项目,这是我的问题

【问题讨论】:

  • 我认为它必须是$(e.target).scrollTop();
  • 问题不在于代码工作。问题只是瞬间滚动不断地在移动中无法绑定返回值完成。谢谢你。 @dvenkatsagar

标签: javascript ios cordova scroll touch


【解决方案1】:

使用它,它肯定会起作用。在父标签中添加样式:

style="display: block; overflow-y: scroll; -webkit-overflow-scrolling: touch;"

overflow-y: scroll;

-webkit-overflow-scrolling: touch;

【讨论】:

    猜你喜欢
    • 2016-07-03
    • 1970-01-01
    • 1970-01-01
    • 2013-03-21
    • 1970-01-01
    • 2017-04-05
    • 1970-01-01
    • 2015-12-10
    • 2012-06-05
    相关资源
    最近更新 更多