使Div 在滾動時粘在屏幕頂部
創建一個在滾動後保持固定在屏幕頂部的divScript實現特定的滾動閾值。
CSS解決方案
使用CSS，一旦div 的頂部邊緣到達螢幕頂部，您就可以將其定位為固定：
.fixed-div {
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}JavaScript 解決方案
使用JavaScript，可以在捲動位置達到特定值時動態改變div的位置value:
$(window).scroll(function(e) {
var $div = $('.fixed-div');
var scrollTop = $(this).scrollTop();
if (scrollTop > 200) {
$div.css('position', 'fixed');
$div.css('top', '0');
} else {
$div.css('position', 'static');
$div.css('top', '0');
}
});在此腳本中，jQuery的scroll()函數用於監聽滾動事件。當scrollTop位置超過200時，給div一個固定位置，設定到頁面頂部。當scrollTop下降到200以下時，div將恢復到靜態位置。
以上是如何讓 Div 滾動時粘在螢幕頂部？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
