better-scroll 滚动插件better-scroll无法滚动

11 篇文章 0 订阅
8 篇文章 0 订阅
本文档介绍了在项目中使用better-scroll插件时遇到内容无法滚动的故障排查及解决过程。问题源于DOM选择器选取了多个同名元素right-header-table。通过修正选择器,确保选取正确的DOM节点,解决了滚动条无法正常工作的问题。同时提供了better-scroll的使用参考链接和参数设置资料。
摘要由CSDN通过智能技术生成

better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。

项目中遇到了BScroll是使用了 better-scroll  插件。

遇到问题:

内容无法滚动

问题原因:

排查语法写的没问题,问题出在获取dom right-header-table
项目中存在多个重名right-header-table 导致的。

// 表格头部右侧横向滚动条       
var headerRightDom = document.querySelector(".right-header-table");      
var tableXHeader = new BScroll(headerRightDom, { 配置项 }

解决办法:

修改重名的 right-header-table

参考:
使用方法https://aqingya.cn/articl/e996cf12.html
常用参数https://blog.csdn.net/qq_22557797/article/details/78866328?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control
问题排查 https://blog.csdn.net/qq_43751465/article/details/107555878

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值