如何在iPhone Web视图上检测可滚动div的橡皮筋事件?

时间:2013-10-25 21:29:21

标签: javascript jquery iphone css scroll

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

现在,如果滚动到达中间div的顶部或底部,则会发生橡皮筋效果。这对我来说是一个理想的效果!

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

1 个答案:

答案 0 :(得分:0)

啊,它可以像做这个一样简单

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
    }
});