inobounce.js : 禁止IOS H5的滑動回彈

IOS的移動端/H5/webapp 頁面若是滾動到底部或者在頁面頂部再往上拉，都會出現一個回彈的效果。

想取消這個效果能夠引入一個簡單的庫就行，不用再寫繁瑣的樣式。

github地址

直接引入就行

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

例子：

由於這個庫是禁止了整個頁面的滑動，因此若是頁面中有其餘元素須要滑動的，要給滑動元素設置一個height或max-height,還有overflow: auto; -webkit-overflow-scrolling: touch; 

<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>