javascript - 如何在 iPhone WebView 上检测可滚动 div 的橡皮筋事件?

标签 javascript jquery iphone css scroll

我为 iPhone 制作了一个网页,其中有一个顶部和一个底部固定的 div。在它们之间,有一个可滚动的 div。我正在使用“-webkit-overflow-scrolling: touch;”启用快速滚动。

现在,如果滚动到达中间 div 的顶部或底部,就会发生橡皮筋效果。这是我想要的效果!

但是,我该如何捕捉事件呢?这样我就可以使用 javascript/jquery 在橡皮筋效果上做一些有趣的事情。谢谢!

最佳答案

啊,原来可以这么简单

scrollable_div.on('touchmove', function () {
    if (its_first_element.position().top > top_fixed_div.height()) {
        // Rubber band effect happened, assuming the scrollable_div is vertically next to the top_fixed_div
    }
});

关于javascript - 如何在 iPhone WebView 上检测可滚动 div 的橡皮筋事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19599721/

相关文章:

iphone - 如何在 NSString 中使用 % 作为字符?

javascript - jQuery 中的 .wrap() (多个)

javascript - Angular 5 + Keycloak 允许匿名用户

iphone - 是否有可能让 iOS Simulator 的表现更像一部真正的 iPhone?

jquery - 单击委托(delegate)处理程序和内部子项

javascript - jQuery/AJAX - 与文件上传一起发送附加数据

iphone - 创建与静音/取消静音 iPhone 时相同的视觉效果(带图标的黑色圆角正方形)

javascript - Uncaught ReferenceError : say is not defined

javascript - 绝对定位时 IE 中的工具提示闪烁

javascript - jQuery,随机div顺序