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

better-scroll是一款解决移动端滚动问题的库，可以通过该库来解决iOS上的小黑框问题。下面web建站小编给大家简单介绍一下！

安装脚手架

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>

移动端点击input框如何实现不触发光标

移动端如何阻止input框获得焦点时手机键盘的弹出

移动端input框如何禁止键盘唤起

移动端vant组件input框点击时如何禁止弹出手机键盘

better-scroll中文文档官网介绍

标签： better-scroll组件, ios小黑框, 移动端

上面是“如何利用better-scroll组件兼容ios手机下面的小黑框”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4646.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！