meteor 禁用滚动弹跳

示例

在桌面应用程序上,您可能需要禁用滚动反弹功能,以使您的应用程序更自然。您可以通过禁用浏览器控制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>