scroll滚动的问题

Question

我没用btter-scroll 封装的滚动，我用的是cube-ui封装的滚动，但是有个问题，如果给封装scroll一个top的高度的话。那么那就不会滚动到底部，如果把这个top取消就可以滚动到底部，就像scroll计算了transform的限制，但给了top之后，那么限制没变，就只能滚动一部分。

Answer 1

ustbhuangyi 2019-06-18 10:34:29

Recommend.vue 已经调到了 200px 的 top 值，仍然可以滚动到底部啊

• 提问者 weixin_慕田峪8173282 #1

  你是用的原代码么？为什么我不行- -

• ustbhuangyi 回复 提问者 weixin_慕田峪8173282 #2

  clone 你的代码啊

• 提问者 weixin_慕田峪8173282 回复 ustbhuangyi #3

  所以我就问你是不是用我的原代码···，为什么在我这边真的拉不到底······就是事先我把top调到300px，再初始化滚动组件也是不行。所以我现在歌手页哪里就做不到····

点开查看后面5条评论

Answer 2

ustbhuangyi 2019-06-17 15:59:38

设置了 top，只是让视口变小了，并不会影响它的行为啊，如果你是初始化 scroll 后再设置的 top，那么需要让 scroll.refresh 重新计算一下高度。

• 提问者 weixin_慕田峪8173282 #1

  我是初始化之前给他top的，刚刚我做个按钮，渲染后，我按下那个按钮执行scroll.refresh方法，也是没用···= =，尴尬

• ustbhuangyi 回复 提问者 weixin_慕田峪8173282 #2

  要不你把代码传到 GitHub 上吧，ReadMe 里写一下问题描述和复现步骤，我抽空帮你看看。

• 提问者 weixin_慕田峪8173282 回复 ustbhuangyi #3

  https://github.com/343629302/vue_text

点开查看后面1条评论

Answer 3

提问者 weixin_慕田峪8173282 2019-06-17 15:38:50

当没有给cube-scroll的父级一个top的时候时候如上图

当给了cube-scroll的父级 100px的top值的时候，最底如上图

Answer 4

ustbhuangyi 2019-06-17 13:40:45

滚动不完整还是因为高度不对吧，你这个 top 高度是做什么用的？

• 提问者 weixin_慕田峪8173282 #1

  我就是做歌手详情页哪里，他有个top把歌手的图片露出来的吧。

• 提问者 weixin_慕田峪8173282 #2

  如果是在顶部的时候是可以完全滚动的，但是一有top就会有缺陷吧，感觉。

• ustbhuangyi 回复 提问者 weixin_慕田峪8173282 #3

  如果按课程实现的逻辑，只是把 scroll 组件替换为 cube-scroll 组件不会有问题的，你再和源码做一下对比，看看布局样式逻辑有没有差异。

点开查看后面2条评论