先讲思路：
1.设定基本样式：两个div，一个为父级，区域高度小，一个子级，区域高度大，对父级区域设置overflow:hidden;溢出部分隐藏；在子级区域可以设div，图片。。
2.使用jQuery，先引入jQuery包，在script中定义方法，获取父级区域的id.(或者class、标签）使用jquery中的方法：$(“#id”).scrollTop(i),对scrollTop的值设置成变量i，我们就要围绕着变量做文章。还需要用到js中的定时器，用周期定时器做循环操作。
3.具体要实现的效果：
①让子区域的图片或文字向上动，即垂直滚动条向下划，滑动的速度
②滚动条不可能无限下滑，所以必须设置条件判断
③具体到滑动到某区域的停顿时间，
具体的思路就是这样，写到后面具体补充
代码实现：
1.实现样式（父区域all,子区域text）
<body>
<!--父区域all开始-->
<div class="big">
<!--子区域开始-->
<div id="small">
<div class="blue">
</div>
<div class="red">
</div>
</div>
<!--子区域结束-->
</div>
<!--父区域结束-->
</body>css样式：
<style type="text/css">
*{
margin: 0 auto;
padding: 0;
}
//父区域
.big{
width: 550px;
height: 50px;
border: 1px solid red;
overflow: scroll;//可以看到滚动条
//overflow:hidden;滚动条隐藏
}
//子区域
#small{
width: 550px;
height: 100px;
/*border: 1px solid blue;*/
}
.blue{
width: 550px;
height: 50px;
background-color: blue;
}
.red{
最低0.47元/天 解锁文章
1971
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
