js让页面加载后向下滑动一段距离

JavaScript019

js让页面加载后向下滑动一段距离,第1张

页面加载完成事件JQuery是$(function() { 这是页面加载完成后会执行的代码}）页面下滑代码$('html,body').animate({scrollTop:100px},500)100px为从顶部开始向下滑的距离 500为下滑时间 单位为毫秒 可以控制下滑速度时间越短下滑速度越快 两者结合 即可实现你说的页面加载后向下滑动一定距离

-.- 为什么要控制table 下滑, 而不是整个DIV下移?

timer 控制DIV下移. 当然, 内容复制双份用以控制不断层迭代

mouseon 的时候timer stop.

mouseoff 时候time start...

具体code 就不写了. 你试试呀.

PS, 这种滚动提示栏的实现网上有大把示例code的.

当网页的向下滚动的时候，有些元素会产生细小的动画效果。然而直接用animate.css是不行的如果自己写判断位置和动画结合的话也是可以但是动画效果不是特理想需要多次调试，其次也是很麻烦的所以该插件帮我们 写好了，我们只需要在浏览器滚动到该盒子位置为他加上在animate.css我们需要的效果类名既可。

WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。

兼容性能：；wow.js 使用了 querySelectorAll 方法，IE 低版本会报错。iE10+

缺点 动画效果执行一次 滑到顶部再往下滑动就无效了 需要页面刷新了