meteor Mobile Apps Disable Scroll-Bounce
Example
On desktop apps, you may want to disable scroll-bounce, to give your app a more native feel. You can do this with javascript, by disabling how the browser controls the DOM:
// 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()};
Alternatively, you can use css, and the overflow and scrolling styles.
#appBody {
overflow: hidden;
}
#contentContainer {
.content-scrollable {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
}
The object model needed for the above to work looks something like this:
<div id="appBody">
<div id="contentContainer">
<div class="content-scrollable">
<!-- content -->
</div>
</div>
</div>
