useNativeScrolling Boolean (default: false)

By default, the mobile application uses flexbox for the mobile views layout. The content element is made scrollable, either by initializing a mobile scroller or with the browser supported overflow: auto and -webkit-overflow-scrolling: touch CSS declarations. When the useNativeScrolling configuration option is set to true, the view header and footer are positioned using position: fixed CSS declaration. The view content vertical padding is adjusted to match the header and footer height; The default browser scroller is utilized for the content scrolling.

For more information regarding native scrolling check this article.


<div data-role="view">
    <header data-role="header">
    <div style="height: 2000px"> Tall content </div>
    <footer data-role="footer">

    new, { useNativeScrolling: true });
In this article