关于betterscroll的问题

Question

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

Answer 1

Dell 2019-08-17 22:59:07

updated 你这不报错？

• 提问者 PYLdora #1

  当时确实没有报错(˶‾᷄ ⁻̫ ‾᷅˵)但是后来把updated里面的代码全删了，因为发现有没有refresh 高度都没变化

• Dell 回复 提问者 PYLdora #2

  因为你updated写错了，你直接在updated里面写 if(this.scroll) this.scroll.refresh()

Answer 2

提问者 PYLdora 2019-08-17 14:36:03

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

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

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

• cerisecm #1

  你是用浮动做的布局吗？