Edit this page

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.

Example

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

<script>
    new kendo.mobile.Application(document.body, { useNativeScrolling: true });
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy