禁用滾動彈跳
在桌面應用上,你可能希望禁用滾動反彈,以使你的應用更具原生感。你可以通過禁用瀏覽器控制 DOM 的方式使用 javascript 來執行此操作:
// prevent scrolling on the whole page
// this is not meteorish; TODO: translate to meteor-centric code
document.ontouchmove = function(e) {e.preventDefault()};
// prevent scrolling on specific elements
// this is not meteorish; TODO: translate to meteor-centric code
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>