gpt4 book ai didi

jquery - 向下滚动跟进

转载 作者:太空宇宙 更新时间:2023-11-03 20:31:14 27 4
gpt4 key购买 nike

enter image description here

我制作了这个网站。

如果我向下滚动,我希望绿色条也向下滚动...所以它必须跟进。

我该怎么做?

绿色条的代码:

 <div class="box">
<a href="tel:06118608775">Bel ons nu!</a></div>

CS:

.box {
background: #2db34a;
border-radius: 6px;
cursor: pointer;
height: 95px;
line-height: 95px;
text-align: center;
transition-property: background;
transition-duration: 1s;
transition-timing-function: linear;
width: 100%;
}
.box:hover {
background: #ff7b29;
}

最佳答案

If I scroll down, I want the green bar to scroll down too

你不需要编写脚本。

只需在您的 CSS 中给绿色条 position: fixed

工作示例:

header {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
line-height: 80px;
text-align: center;
font-size: 40px;
color: rgb(255,255,255);
background-color: rgb(0,91,0);
}

header + p {
margin-top: 96px;
}
<header>
Green Bar
</header>

<p>Lorem ipsum dolor sit amet, at usu inermis reformidans. Ne vis dictas vidisse, te labitur deserunt vix. Cu sit quando appetere postulant, est eu ullum omnium, ut eius ceteros accusamus qui. Cum etiam facete persequeris in. Sea eu possim offendit. Duo idque oportere et.</p>
<p>Harum epicurei eum ea, habeo numquam iracundia quo ne. Doctus elaboraret eum ei, integre ceteros disputando sit eu. Vim in probo ullamcorper. Pri detracto ullamcorper at, facete detraxit facilisi nam id. Unum eruditi perpetua ex eam, aeque aliquid qui ex.</p>
<p>Mea iudico epicurei ne, no possim cetero mel, at sumo intellegat vix. Vel assum libris te. Nihil pertinacia intellegebat his an, id novum propriae placerat per, vis an nusquam volutpat constituam. His ex equidem accusata democritum. Ex nam choro soluta essent.</p>
<p>Eam volumus consulatu molestiae ei, molestie suscipit eos cu, pro no saepe forensibus. Mel consulatu disputationi cu. No aliquip antiopam efficiendi quo, ius ea tation electram. Sit impedit accusam legendos ne, ne semper mnesarchum pri.</p>
<p>Vide possim vim ut. Ludus expetendis id pri, choro nonumy eu pri. Dictas eruditi constituto cu mea, mei decore inimicus oportere ex. At est nibh nonumy, ut his aliquid dolores. Usu hinc inermis eligendi eu.</p>
<p>Lorem ipsum dolor sit amet, at usu inermis reformidans. Ne vis dictas vidisse, te labitur deserunt vix. Cu sit quando appetere postulant, est eu ullum omnium, ut eius ceteros accusamus qui. Cum etiam facete persequeris in. Sea eu possim offendit. Duo idque oportere et.</p>
<p>Harum epicurei eum ea, habeo numquam iracundia quo ne. Doctus elaboraret eum ei, integre ceteros disputando sit eu. Vim in probo ullamcorper. Pri detracto ullamcorper at, facete detraxit facilisi nam id. Unum eruditi perpetua ex eam, aeque aliquid qui ex.</p>
<p>Mea iudico epicurei ne, no possim cetero mel, at sumo intellegat vix. Vel assum libris te. Nihil pertinacia intellegebat his an, id novum propriae placerat per, vis an nusquam volutpat constituam. His ex equidem accusata democritum. Ex nam choro soluta essent.</p>
<p>Eam volumus consulatu molestiae ei, molestie suscipit eos cu, pro no saepe forensibus. Mel consulatu disputationi cu. No aliquip antiopam efficiendi quo, ius ea tation electram. Sit impedit accusam legendos ne, ne semper mnesarchum pri.</p>
<p>Vide possim vim ut. Ludus expetendis id pri, choro nonumy eu pri. Dictas eruditi constituto cu mea, mei decore inimicus oportere ex. At est nibh nonumy, ut his aliquid dolores. Usu hinc inermis eligendi eu.</p>
<p>Lorem ipsum dolor sit amet, at usu inermis reformidans. Ne vis dictas vidisse, te labitur deserunt vix. Cu sit quando appetere postulant, est eu ullum omnium, ut eius ceteros accusamus qui. Cum etiam facete persequeris in. Sea eu possim offendit. Duo idque oportere et.</p>
<p>Harum epicurei eum ea, habeo numquam iracundia quo ne. Doctus elaboraret eum ei, integre ceteros disputando sit eu. Vim in probo ullamcorper. Pri detracto ullamcorper at, facete detraxit facilisi nam id. Unum eruditi perpetua ex eam, aeque aliquid qui ex.</p>
<p>Mea iudico epicurei ne, no possim cetero mel, at sumo intellegat vix. Vel assum libris te. Nihil pertinacia intellegebat his an, id novum propriae placerat per, vis an nusquam volutpat constituam. His ex equidem accusata democritum. Ex nam choro soluta essent.</p>
<p>Eam volumus consulatu molestiae ei, molestie suscipit eos cu, pro no saepe forensibus. Mel consulatu disputationi cu. No aliquip antiopam efficiendi quo, ius ea tation electram. Sit impedit accusam legendos ne, ne semper mnesarchum pri.</p>
<p>Vide possim vim ut. Ludus expetendis id pri, choro nonumy eu pri. Dictas eruditi constituto cu mea, mei decore inimicus oportere ex. At est nibh nonumy, ut his aliquid dolores. Usu hinc inermis eligendi eu.</p>

关于jquery - 向下滚动跟进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41678601/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com