better-scroll滚动不了 问题# 今天折腾了半天,使用better-scroll依然无法实现滚动,大概是不服气,一直较真。 他有几个坑点,1. 默认不能点击,默认不能滑动;2. 初始化时就计算高度以至于判断容器内子元素高度不大于父容器,因此判断为不能滚动。 下面这个属性据说就是判断高度后设置的,如果为false就滚动不了 网络上...
// jq 的animate 的动画方法,第一个参数滚动的距离,第二个参数 滚动时间 ,第三回掉函数 $('html').animate({scrollTop:_thisScroll.offset().top - '200'}, 1000,function() { $('.sectionList').find('.list-group-item').removeClass('active'); $(_this).addClass('active'); let sectionId=...
1,js原生滚动:(只需要设置父容器wrapper的高度和设置一下overflow-y:scroll,默认处理了overflow: hidden;) /* 局部滚动 ~但是在移动端滚动非常卡顿*/ .wrapper{ height: 300px; overflow-y: scroll; border: 1px solid orange; } 1. 2. 3. 4. 5. 6. 2,使用插件better-scroll不起作用原因: (1)父容器...
初始化问题:检查上面的相关设置是否已做好,初始化会在内层即滚动层进行滚动的相关的style设置 初始化style设置内层 初始化成功了,还不能滚动。考虑计算高度出错,检查内层高度是否大于外层高度。打印better-scroll对象,看字段 hasVerticalScroll:true , scrollHeight 值是否大于wrapperHeight . 计算高度正常 内层要大于外层...
1、先安装better-scroll,然后引入brtter-scroll npm install better-scroll --save 1. import BScroll from 'better-scroll' 1. 2、data里面需要定义滚动的变量: data () { return { aboutScroll: null } }, 1. 2. 3. 4. 5. 3、需要滚动的内容要包含在一个大的div下,表示是这个div在滚动(个人理解)...
better-scroll在使用的时候,滚动只作用于第一个子元素,其它的元素都会被忽略。在vue中,获取的ref是seller,那么它的子元素seller-wrapper才是需要滚动的部分。 ...这里才是内容 还有一种可能就是隐藏切换显示。这样都会导致插件参数的scrollerHeight:0。此时需要...
onScroll(){ this.$nextTick(()=>{ if (!this.scroll) { this.scroll=new BScroll(this.$refs.tab, { startX:0, click:true, scrollX:true, scrollY:false, }) }else{ this.scroll.refresh() } }) } }, mounted () { this.onScroll() } .tab{ width: 7.54rem;height: 0.88rem;backgrou...
猜测是flex布局固定死了子元素的高度，使得子元素无法被内部元素撑开，无法超过父元素高度而失去滚动效果...
import BScroll from 'better-scroll'export default { name:'CitySearch', props: { cities: Object }, data () { return { keyword: '', list: [], timer: null } }, computed: { hasNoData () { return !this.list.length } }, mounted () { this.scroll = new BScroll(this.$refs....