广告浮动效果的实现

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

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

   
   
   Snip20170111_6.png

2.设置div的style

Snip20170111_7.png

Snip20170111_8.png

Snip20170111_10.png

Snip20170111_10.png

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

Snip20170111_11.png

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

推荐阅读更多精彩内容

• JavaScript

  一、JS前言 （1）认识JS 也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HT...

  凛0_0阅读 2,484评论 0赞 8
• JS 各种宽高的理解

  Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...

  FConfidence阅读 1,716评论 0赞 5
• JavaScript - 控制滚动条操作

  今天玩 antd-mobile 碰到一个滚动条的问题：在 Tab 组件中使用多个 ListView ，当操作第一个...

  BertFu阅读 29,082评论 7赞 8
• js原生态

  我们首先要明白，我们给页面添加效果用到的js到底是什么？js其实包含三部分：dom 文档对象模型 bom 浏览...

  一直以来都很好阅读 637评论 0赞 0