Better-Scroll在决定有多少区域可以滚动的时候, 是根据可滚动的高度scrollHeight决定的 scrollHeight属性是根据子组件的高度better-scroll的content中的子组件的高度决定的 但是我们的首页中刚开始在计算scrollHeight属性时, 是没有将图片计算在内的 所以计算出来的高度是错误的 而后来加载之后有了新的高度scrollHeight没有...
他有几个坑点,1. 默认不能点击,默认不能滑动;2. 初始化时就计算高度以至于判断容器内子元素高度不大于父容器,因此判断为不能滚动。 下面这个属性据说就是判断高度后设置的,如果为false就滚动不了 网络上有人给出的解决办法是,使用那个BScroll对象身上的on监听,每次滑动时都使用refresh方法刷新该对象。但是即使设置...
遇见better-scroll(以下简称:BS)无法滚动,可从两方面去考虑。 一是层级关系出错,二是计算高度出错。 ###1,层级关系 BS的基本结构是:一个wrapper层,一个content层。wrapper层是整个滚动页面占据的显示空间。content层则包含了全部的页面内容。 content... new BS('wrapper'); 简单点说,就是:wrapper占住位...
Bug出现的原因我们已经找到了,此时我们就可以来解决它了,其实很好解决,就是当我们加载出图片之后,就让better-scroll自动刷新一下,重新计算一下可滚动高度,加载每一张图片后就刷新一下就不会出现上述的Bug了,使better-scroll进行刷新的方法,better-scroll已经帮我们封装好了,即通过scroll对象的refresh方法就可以实现刷新。
vue better-scroll 加载新的消息时,滚到到底端的异常现象。(怀疑是浏览器重绘的问题)let disY=60; 这样写就正常滚动let disY=el[el.length-1].clientHeight; 这样写滚动就很异常。详情见下图。 RequestAxios(comment,function(){ //从服务器加载刚刚发送的消息 _this._intervalLoad(function(){ _this.$nextTic...
better-scroll无法滚动 今天遇到了vue项目better-scroll无法滚动的问题,网上找的解决方案用$nextTick的方法还是不行。后来终于找到原因: 因为我的滚动元素在弹窗里面,弹窗有v-show属性,也就是说,我在滚动元素display:none的时候渲染,导致各个参数(例如滚动高度)计算不准确,当弹窗show的时候就无法正常滚动。
去duanshuiLu点抗亩下载加强版的vue-better-scroll插件,然后就没有这样的BUG,我是这样解决的 有用 回复 撰写回答 你尚未登录,登录后可以 和开发者交流问题的细节 关注并接收问题和回答的更新提醒 参与内容的编辑和改进,让解决方法与时俱进 注册登录
`wrapper`是指包裹了需要滚动内容的容器元素。在使用better-scroll时,若未正确设置`wrapper`的定位属性(如`position: relative`或`position: absolute`等),可能会导致better-scroll无法正确识别和处理滚动事件。通过给`wrapper`元素添加适当的定位样式,可以解决滚动无效的问题。这一看似不起眼的细节,却...
better-scroll 无法滚动的分析,直接翻到最后,看问题汇总,希望能帮助你解决。 借用一下人家这个好看的项目图片,做一个解释。左边的内容会跟右边的内容一起关联,点击左边的菜单,右边会滚动到对应菜单的内容区域;滚动右边的内容,左边会滚动到对应的菜单项。 就是这个简单的左右关联的项目。方法提供了两个。