2013-10-25 44 views
1

我为iPhone制作了一个网页,其中有一个顶部和一个底部的固定格。在他们之间,有一个可滚动的div。我正在使用'-webkit-overflow-scrolling:touch;'以启用快速滚动。如何检测iPhone Web视图上的滚动div的橡皮筋事件?

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

但是,如何捕获事件?所以我可以使用JavaScript/jQuery在橡皮筋效果上做些有趣的事情。谢谢!

回答

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 
    } 
}); 
一样简单