js实现垂直滚动效果

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">实现js的垂直滚动首先要先搞懂offsetTop和scrollTop的两个属性</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">offset属性介绍</span>

http://www.cftea.com/c/2009/01/R3MW6VH4GID77IZV.asp

scroll属性介绍

http://www.codesky.net/article/201004/99238.html

从以上两篇文章中可以大致将offsetTop理解为内部边框的margin-top，而scrollTop可以理解为当外部块状元素比内部块状元素高度小后，有一部分内部元素高度被遮住，刚开始的时候外部元素的scrollTop为0（外部与内部块状元素的上边界大致重叠），当我们用滚动条拖动内部元素的时候，内部元素的上边界会超出外部元素的上边界，多出来的部分就是scrollTop

实现垂直滚动的思路

1：设置一个外部块状元素 （id=demo）以及2个内部块状元素(demo1，demo2)，外部块状元素高度比内部块状元素高度小（根据自己需要）。

2