inobounce.js : 禁止IOS H5的滑动回弹

IOS的移动端/H5/webapp 页面若是滚动到底部或者在页面顶部再往上拉,都会出现一个回弹的效果。git

想取消这个效果能够引入一个简单的库就行,不用再写繁琐的样式。github

github地址web

直接引入就行app

<script src="inobounce.js"></script>

例子:webapp

由于这个库是禁止了整个页面的滑动,因此若是页面中有其余元素须要滑动的,要给滑动元素设置一个height或max-height,还有overflow: auto; -webkit-overflow-scrolling: touch; spa

<style>
    ul {
        height: 115px;
        border: 1px solid gray;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
</style>

<ul>
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item 3</li>
    <li>List Item 4</li>
    <li>List Item 5</li>
    <li>List Item 6</li>
    <li>List Item 7</li>
    <li>List Item 8</li>
    <li>List Item 9</li>
    <li>List Item 10</li>
</ul>
相关文章
相关标签/搜索