关于betterscroll的问题

来源:8-4 Vue项目城市选择页 - BetterScroll 的使用和字母表布局

PYLdora

2019-08-15

前两天向老师提问,在导入后台数据之后,界面能够拖动了,但是,忽略的是没有拖到低,往后学了两节课后,按Z的时候就傻眼了,和前两天一样的问题——bs没有将最后的循环的元素包裹进去,但是努力拖拽是能够显示的。
在网上也找了很多资料,有说加refresh()的,也有说加计时器的,甚至直接调用this.scroll.scrollerheight我都试过,没有作用,依旧不能显示Z以后的内容,请问老师以前遇到过没有,有没有解决的思路呢?
代码部分:
![图片描述](http://img1.sycdn.imooc.com/szimg/5d5580430912e2a512401086.jpg)
![图片描述](http://img.mukewang.com/szimg/5d558050099b589911421192.jpg)
打印的this.scroll(在updated里面打印的this.scroll和mounted打印出来的一样的)
![图片描述](http://img.mukewang.com/szimg/5d5580a30961902707780794.jpg)
这就是计算出来的底部,只到Z这个标题
![图片描述](http://img1.sycdn.imooc.com/szimg/5d5580d2093b09ca08201472.jpg)
写回答

2回答

Dell

2019-08-17

updated 你这不报错?

0
2
Dell
回复
PYLdora
因为你updated写错了,你直接在updated里面写 if(this.scroll) this.scroll.refresh()
2019-08-17
共2条回复

PYLdora

提问者

2019-08-17

之前的问题是这一个:https://coding.imooc.com/learn/questiondetail/136466.html

然后经过一天的思考,最后把ref的内容打出来,一个个的对比高度(因为部分实现肯定是哪个小地方没有设置对,最后排除到高度)

发现了最根本的问题,就是在样式设计的时候忽略了每一个区域的高度,在template里面,内容区域没有高度,读取当前区域的高度都是上一个区域的高度,解决方法,就是将两个区域用div框起来,在属性里面加上overflow:hidden,这样就正常了。

//img.mukewang.com/szimg/5d57a03a090f044d03300076.jpg

//img.mukewang.com/szimg/5d57a03a0962c3fe10380336.jpg

//img1.sycdn.imooc.com/szimg/5d57a04309017dbd09561578.jpg


0
1
cerisecm
你是用浮动做的布局吗?
2019-08-27
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程