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

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

Susan Sarandon
發布: 2024-12-13 03:20:09
原創
386 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板