
div4和div5是导航
滑动鼠标滚轮的时候,只有div2的内容发生变化,当滚到一定程度的时候导航就从div4切换到div5,同时div1的内容发生变化,请问这种效果要怎样做?
回复内容:
监听鼠标滚轮时间,计算每次滚动的距离,切换div2和div1的scrollTop即可。相关的数值高度可能需要按需计算大小后得到
http-equiv="content-type" content="text/html; charset=utf-8"/>
Scroll
div{
padding: 0;
margin:0;
border: 1px solid #000000;
}
#div1{
color: green;
}
#div2{
color: yellow;
}
.content, .navi{
float: left;
height: 100px;
width: 100px;
overflow: hidden;
}
.navi_item{
margin: 5px;
}
.navi_item_current{
background: red;
}
id="div1" class="content">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
id="div2" class="content">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
id="div3" class="navi">div3
class="navi_item navi_item_current">div4
class="navi_item">div5
鼠标滚动值 id="info">0