                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /信息滚动效果制作

if (area.scrollTop >= area.scrollHeight/2 ) { area.scrollTop = 0; }

不是很能理解为什么>= area.scrollHeight/2 且area.scrollTop=0就可以无缝了。

其实TAMA酱不是我名字

2016-04-08

源自：信息滚动效果制作 3-2

关注问题我要回答

1345

操作

收起

1 回答

飞飞赫赫回答被采纳 +3 积分
2016-04-08

首先你的考虑无缝滚动的原理，就是复制一个一样的接着上一个滚动，然后再明白scrollTop（被卷去的高度）和scrollHeight（区域高度），区域里有两个ul他们等高并且刚好把区域高度划分为两半（area.scrollHeight/2），只要第一个滚到看不见了（area.scrollTop >= area.scrollHeight/2），就可以把第一个拉回到最底下（area.scrollTop=0）。不知道这样的解释你能明白吗

0 回复有任何疑惑可以回复我~

收起回答

其实TAMA酱不是我名字提问者

能明白。。但是还是不太理解为什么把第一个拉回到最底下而不是直接覆盖掉还没有滚完的第二个部分。。。

2016-04-09 回复有任何疑惑可以回复我~

飞飞赫赫回复其实TAMA酱不是我名字提问者

忘记看慕课回复了。不知道你现在明白没。因为如果直接把第一个覆盖第二个，会出现很不好的用户体验，因为假如你看见的滚动区域为100px高，需要滚动的文字div有150px高，当文字滚完100px，只剩下50px时，后面不就出现了50px空白了，所以要复制一个div填补这50px空白。第一个div当滚完150px时，第二个div正好也滚完100px，还剩50px，这时把第一个div拉到最底下的好处就出现了，第一个div可以接着第二个div滚动。

2016-04-27 回复有任何疑惑可以回复我~

其实TAMA酱不是我名字提问者

非常感谢！

2016-04-27 回复有任何疑惑可以回复我~