如何利用better-scroll组件兼容ios手机下面的小黑框

better-scroll是一款解决移动端滚动问题的库,可以通过该库来解决iOS上的小黑框问题。下面编程教程网小编给大家简单介绍一下!

安装脚手架

npm install better-scroll --save

引入和初始化better-scroll

<template>
  <div>
    <div ref="wrapper">
      <!--内容-->
    </div>
  </div>
</template>
 
<script>
import BScroll from 'better-scroll'
 
export default {
  mounted() {
    this.scroll = new BScroll(this.$refs.wrapper, {
      probeType: 3,
      click: true
    })
  }
}
</script>
以上是编程学习网小编为您介绍的“如何利用better-scroll组件兼容ios手机下面的小黑框”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:如何利用better-scroll组件兼容ios手机下面的小黑框

基础教程推荐