为了账号安全,请及时绑定邮箱和手机立即绑定

代码中有些不懂

http://img1.sycdn.imooc.com//58fef0030001355511700508.jpg

在视频中老师说蓝色的区域是滚动的区域固定的宽和高,而橘黄色是一个内容区域!在上面的代码截图中为什么if(area.scrollToop>=con1.scrollHeight)这样写?scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离(即网页被卷去的高),那么area.scrollTop这个到底在图中指的那段距离,还有con1.scrollHeight又是什么?

正在回答

4 回答

在 是视频中 老师设置 area.scrollTop=10的时候 area里面所有的内容就向上滚动了10 而那10单位的内容并且隐藏了  scrollTop属性是设置的area的垂直滚动距离,这个距离是滚动条向下滚动的距离,也就是内容位于元素上边缘以外的水平尺寸说白了就是向上面看不见的地方滚动10, 那为啥con1要滚动?尼玛   con1是不是area里面的内容嘛???? 所以con1内容也当然要滚动了??传送门:http://www.softwhy.com/article-2517-1.html

那scrollHeight是啥?(内容区域+padding+margin+border)也就是con1是实际高度  还不清晰?、

 这个con1没有多大的padding和margin和border吧?

传送门:http://www.softwhy.com/article-2518-1.html  if(area.scrollTop>=con1.scrollHeight)很简单的数学公式了嘛; 

多做实验 多写代码 多理解    

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

在这个例子中scrollTop就是area移动的距离;

其次由于con1没有内层隐藏元素 所以他的offsetHeight和srcollHeight是相等的 都是他自身的高度

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

街角疯 提问者

什么是内层隐藏元素?其次area怎么会移动!不是那个固定的蓝色的盒子吗?在动的不应该是那个所谓的橙色的盒子吗?
2017-04-26 回复 有任何疑惑可以回复我~

我看了  你提的问题好多   程序员第一个最基本的技能要学会使用搜索引擎

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

街角疯 提问者

这张图我也看过,只不过给的解释与自己的想法有差异!所以就不是很明白!
2017-04-26 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//58feff0a0001eb7206090602.jpg可以看看这张图

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

举报

0/150
提交
取消
信息滚动效果制作
  • 参与学习       47751    人
  • 解答问题       321    个

萌妹子带您快速学习滚动效果,掌握无缝滚动和歇间性滚动的制作方法

进入课程

代码中有些不懂

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信