[英]How do I make the navigation bar of my site stay at the top when the viewer scrolls?
[英]How do I make a DIV stay at the top of the screen no matter ow far down the page my visitor scrolls?
我的意思是,我的網站上有一些非常長的頁面,如果訪問者需要滾動到頁面頂部才能導航到另一個頁面,這可能會很煩人。
我不太確定該怎么稱呼,但是任何包含“ DIV”和“ float”兩個詞的Google搜索都會得出完全不相關的結果...
我要做的是創建一個DIV,該DIV停留在屏幕頂部(不要與頁面混淆),這樣,如果用戶位於頁面底部,他們仍然可以看到導航欄只是在浮動在屏幕頂部。 我能想到的是將DIV相對於屏幕的位置定位,但我不知道如何編寫代碼。
我很高興使用JavaScript(最好以jQuery的形式),但是如果您知道如何使用CSS做到這一點,我希望您的回應。
這可能會有所幫助:我知道一些jQuery和JavaScript,並且知道很多CSS和HTML。
提前致謝。
fixed
位置正是出於這個目的,這是純CSS:
div {
position: fixed;
top: 0;
}
嘗試這個:
<div style="position: fixed;"></div>
您應該能夠使用CSS固定定位
#eleID {
position: fixed;
top: 0;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.