創建一個粘在屏幕頂部的滾動Div
當您希望元素保持錨定在屏幕頂部時，即使頁面滾動時，您可以建立一個「黏性」div。方法如下：
使用純CSS：
.fixedElement {
background-color: #c0c0c0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}使用jQuery 的替代方法：
使用jQuery 的替代方法：
.fixedElement {
position: absolute;
top: 100px; // Replace with desired initial top offset
}使用jQuery，您可以以更大的靈活性達到相同的效果。如下定位元素：
$(window).scroll(function(e){
var $el = $('.fixedElement');
var isPositionFixed = ($el.css('position') == 'fixed');
if ($(this).scrollTop() > 200 && !isPositionFixed){
$el.css({'position': 'fixed', 'top': '0px'});
}
if ($(this).scrollTop() < 200 && isPositionFixed){
$el.css({'position': 'absolute', 'top': '100px'}); // Adjust top offset as needed
}
});然後，使用JavaScript 檢測滾動偏移：
一旦滾動偏移超過指定值（本例中為200px），div將固定在螢幕頂部。當滾動偏移量低於該值時，它將返回到其初始位置。以上是如何創建一個黏在螢幕頂部的滾動 Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
