首頁 >web前端 >css教學 >如何使用 jQuery 在特定點停止固定位置滾動?

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

Susan Sarandon
Susan Sarandon原創
2024-12-13 03:20:09378瀏覽

How Can I Stop Fixed Position Scrolling at a Specific Point Using jQuery?

在某一點停止固定位置滾動

您有一個元素在固定位置隨頁面滾動。但是,您希望滾動停止在特定點,例如距離頁面頂部 250px。

jQuery 解決方案

要實現此目的,您可以使用jQuery :

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

此程式碼:

  • 此程式碼:
  • 此程式碼:
  • 附件視窗物件的捲動事件監聽器。
使用 $(this).scrollTop() 取得目前滾動位置。

計算0 與250px 與捲動之間的差值之間的最大值position.將ID 為「theFixed」的元素的top 屬性設定為計算出的這可以確保元素在向上滾動時在距頁面頂部250px 處停止滾動。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn