zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Adb 命令
    python 属性
    python 计时器
    【网易云课堂工作】什么是本能三元组
    functiontools.partial
    源码
    听总结
    线程和死锁
    加入kendall进入计算
    添加K-CORE值进入运算
  • 原文地址:https://www.cnblogs.com/haqiao/p/10417366.html
Copyright © 2011-2022 走看看