如何使用 jQuery 在特定點停止滾動固定位置元素？

如何在固定位置停止滾動

您希望具有固定位置的元素隨頁面滾動，直到到達特定點（例如，距頁面250 像素）頁頂部） ，之後它應該停止滾動。讓我們深入研究使用 jQuery 的解決方案。

jQuery 實現

以下程式碼實現了您的目標：

$(window).scroll(function() {
    $("#theFixed").css("top", Math.max(0, 250 - $(this).scrollTop()));
});

在此程式碼中：

• $(window). scroll(function() { ... }) 將事件監聽器綁定到視窗滾動事件。
• 當頁面捲動時，程式碼會計算 ID 為 #theFixed 的元素的新位置。
• Math.max(0, 250 - $(this).scrollTop ()) 確保元素距離頂部不超過0px 或低於250px page.
• $(#theFixed).css( "top", ...) 設定固定元素的新頂部位置。

實作範例

以下小提琴示範了它的工作原理：

[JS Fiddle]（在此處插入小提琴 URL）

以上是如何使用 jQuery 在特定點停止滾動固定位置元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！