zoukankan      html  css  js  c++  java
  • ios滑动回弹效果导致的穿透问题

    1 给样式中去除掉下面的css样式

    -webkit-overflow-scrolling:touch;/* 当手指从触摸屏上移开,会保持一段时间的滚动 */
    -webkit-overflow-scrolling:auto;/* 当手指从触摸屏上移开,滚动会立即停止 */

    也就是:

    *{
        -webkit-overflow-scrolling:auto !important;
    }

    2 使用插件

    方法二:可以使用插件inobounce(但是只适用于ios系统,安卓不适用)
    官网:https://github.com/lazd/iNoBounce

    在vue中:
    //先下载npm install inobounce -s
    //然后在script中:

    复制代码
    <script>
    import inobounce from 'inobounce'
    export default {
      data() {
        return {  }
      },
      mounted() { },
      created() {
        let u = navigator.userAgent
        if (u.indexOf('iPhone') > -1) {
          inobounce.enable()
        }
      },
      beforeDestroy() {
        inobounce.disable()
      },
      methods: { }
    }
    </script>
  • 相关阅读:
    第零次作业
    第一本书的学习笔记
    第一次作业
    第零次作业
    第一周作业
    第零次作业回复
    第零次作业
    第一周作业
    第0次作业
    第一次作业
  • 原文地址:https://www.cnblogs.com/bamboopanders/p/13407879.html
Copyright © 2011-2022 走看看