Tag: rubber band

如何禁用iOS网络应用中的橡皮筋？

这个： $(‘body’).on(‘touchmove’, function(e) { e.preventDefault(); }); 可以工作，但会在整个页面中禁用滚动，这远非理想。 这个： $(‘*’).on(‘touchstart’, function(e){ var element = $(this).get(0); if ( element.scrollTop = element.scrollHeight ) element.scrollTop = element.scrollHeight – element.offsetHeight – 1; }); 适用于具有滚动区域的页面。 然而，当没有任何东西要滚动时，它将再次显示橡皮筋。 所以我的问题： 如何禁用橡皮筋效果并仍然保持-webkit-overflow-scrolling区域可滚动？ [更新] 最佳方案 禁用所有不可滚动元素（如选项卡栏或导航栏）上的滚动。 anElement.addEventListener(‘touchmove’, function( event ){ event.preventDefault() }; 将滚动处理程序附加到可滚动元素（如主要内容）。 anElement.addEventListener(‘touchstart’, function( event ){ if( this.scrollTop === 0 ) { this.scrollTop += 1; […]