禁止ios滑動回彈效果和安卓炫光效果

方法一:可以使用css新屬性overscroll-behavior
body {
/* 禁用默認(rèn)的下拉刷新和邊界效果,但是依然可以進(jìn)行滑動導(dǎo)航 */
overscroll-behavior-y: none;
}
但是需要瀏覽器支持該屬性

方法二:可以使用插件inobounce(但是只適用于ios系統(tǒng),安卓不適用)
官網(wǎng):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>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,632評論 1 45
  • 一:什么是閉包?閉包的用處? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。在本質(zhì)上,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    xuguibin閱讀 9,721評論 1 52
  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 6,714評論 0 16
  • (本文寫于2018年9月9日) 今天早上9點(diǎn),特意到學(xué)校去和班級家委會一起進(jìn)行班級文化建設(shè)。本來是可以...
    潔_627閱讀 438評論 0 0
  • 聽大師講述你不知道的梵高之六 作者: 中國色彩大師 曾滌塵 ? 麥田里的烏鴉 ? (梵高系列終結(jié)篇) ...
    體貼工坊閱讀 1,899評論 1 3