scroll滚动的问题

来源:6-12 music-list 组件开发(5)

weixin_慕田峪8173282

2019-06-17

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

写回答

4回答

ustbhuangyi

2019-06-18

//img.mukewang.com/szimg/5d084db3000133bf06201296.jpgRecommend.vue 已经调到了 200px 的 top 值,仍然可以滚动到底部啊

0
8
weixin_慕田峪8173282
回复
ustbhuangyi
好的,谢谢老师,基本可以了,但是如果设置height:100%,的话最后一个会有半截看不到,无论什么样的top和什么样的分辨率,好像只能设置95%或者90%才能完全滚动下来
2019-06-18
共8条回复

ustbhuangyi

2019-06-17

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

0
4
weixin_慕田峪8173282
回复
ustbhuangyi
你可以在Recommend.vue 调节.recommend 的top就知道了。我现在是88Px,你调下200-300这样就知道了
2019-06-17
共4条回复

weixin_慕田峪8173282

提问者

2019-06-17

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

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


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


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


0
0

ustbhuangyi

2019-06-17

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

0
5
weixin_慕田峪8173282
回复
ustbhuangyi
我发了图片就回答里面
2019-06-17
共5条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程