美文网首页
禁止ios滑动回弹效果和安卓炫光效果

禁止ios滑动回弹效果和安卓炫光效果

作者: 嘤夏影 | 来源:发表于2019-01-03 16:10 被阅读84次

    方法一:可以使用css新属性overscroll-behavior
    body {
    /* 禁用默认的下拉刷新和边界效果,但是依然可以进行滑动导航 */
    overscroll-behavior-y: none;
    }
    但是需要浏览器支持该属性

    方法二:可以使用插件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>
    

    相关文章

      网友评论

          本文标题:禁止ios滑动回弹效果和安卓炫光效果

          本文链接:https://www.haomeiwen.com/subject/lpzfrqtx.html