广告浮动效果的实现

照着你之前的代码对一遍,看看哪里写错了。再看看我的这份代码,哪里有不懂的记下来。

  1. 设置假数据,为了实现网页滑动效果


    广告浮动效果的实现_第1张图片
    Snip20170111_6.png

2.设置div的style


广告浮动效果的实现_第2张图片
Snip20170111_7.png
广告浮动效果的实现_第3张图片
Snip20170111_8.png
广告浮动效果的实现_第4张图片
Snip20170111_10.png
广告浮动效果的实现_第5张图片
Snip20170111_10.png

6.因为document.body.scrollTop与document.documentElement.scrollTop两者有个特点,就是同时只会有一个值生效。比如document.body.scrollTop能取到值的时候,document.documentElement.scrollTop就会始终为0;反之亦然。所以,如果要得到网页的真正的scrollTop值。


广告浮动效果的实现_第6张图片
Snip20170111_11.png

我写的代码的下载地址
链接: https://pan.baidu.com/s/1bDfTGa 密码: 3v4p

你可能感兴趣的:(广告浮动效果的实现)