0

我想在滚动时更改 ul 样式并使用 jQuery 到达 div，向下解释。

CSS：

#menu {
    background-color:#ccc;
    position:fixed;
    width:100%;
}

.menutext {
    padding:25 40 30 !important;
    display:inline-block;
}

.menutext2 {
    padding:25 40 0 !important;
    display:inline-block;
    color:red;
}

.alldivs {
    width:300px;
    height:200px;
    background-color:a9a9a9;
}

HTML 代码：

<div id="menu">
    <div class="menutext">Change the style of me to .mebutext2 on arriving to DIV1</div>
    <div class="menutext">Change the style of me to .mebutext2 on arriving to DIV2</div>
    <div class="menutext">Change the style of me to .mebutext2 on arriving to DIV3</div>
</div>

<br><br><br>

<div class="alldivs"><div id="DIV1">DIV1</div></div>
<br><br><br><br>
<div class="alldivs"><div id="DIV2">DIV2</div></div>
<br><br><br><br>
<div class="alldivs"><div id="DIV3">DIV3</div></div>
<br><br><br><br>

我想在滚动并到达div顶部时将具有“menutext”类的div更改为“menutext2”类（第一个ul的类从menutext1更改为menutext2在到达具有id DIV1的div时，第二个ul的类更改从menytext1 到menutext2 到达具有id DIV2 的div 并且第一个ul 的类返回到menutext1 原样，依此类推。

4

0 回答 0