在桌面应用程序上,您可能需要禁用滚动反弹功能,以使您的应用程序更自然。您可以通过禁用浏览器控制DOM的方式来使用javascript:
// 防止在整个页面上滚动 //这不是流星;TODO:转换为以流星为中心的代码 document.ontouchmove = function(e) {e.preventDefault()}; // 防止滚动特定元素 //这不是流星;TODO:转换为以流星为中心的代码 scrollableDiv.ontouchmove = function(e) {e.stopPropagation()};
另外,您可以使用css以及溢出和滚动样式。
#appBody { overflow: hidden; } #contentContainer { .content-scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; } }
上述工作所需的对象模型如下所示:
<div id="appBody"> <div id="contentContainer"> <div class="content-scrollable"> <!-- content --> </div> </div> </div>