前言：
现在大家对“js滑动页面”大概比较着重，同学们都需要分析一些“js滑动页面”的相关文章。那么小编也在网络上搜集了一些关于“js滑动页面””的相关知识，希望各位老铁们能喜欢，同学们一起来学习一下吧！一、HTML
<div id='div1'>
<img src='girl.jpg' />
</div>
二、CSS
body{ height:3000px; }
#div1{ position:absolute;right:0px; }
#div1 img{ display:block; width:100px; height:100px;}
三、script
注：
第25行，window.onload函数，设置页面加载后div在中间
第31行，获取滚动条的高度
第33行，计算t即div的高度，滚动条的高度+（页面的高度-自身高度）/2
第34行，避免t为小数，直接将取整
第39行，运动函数，要先清除定时器，避免定时器叠加，出错
四、最终效果
有写的不对的地方，请大家指出，共同学习，共同进步；
喜欢请收藏，想看更多的，请关注。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
