向下滾動並跟進

Question

我做了這個網站。

如果向下滾動，我想要綠色條向下滾動......所以它必須跟進。

我該怎麼做？

代碼綠壩的：

<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; 
} 

Answer 1

如果我向下滾動，我想綠色條向下滾動太

你不不需要編寫腳本。

簡單地給你的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>

Answer 2

使用位置：固定在你的CSS：

.box { 
    position:fixed; 
} 

Answer 3

這個添加到框類：

.box { 
    position: fixed; 
    top: 0; 
}