jQuery是一個廣泛使用的JavaScript庫,它可以檢測用戶與Web頁面的交互,包括瀏覽器窗口的滾動,我們可以使用它來實現頁面滾動時被選中的文章。下面是示例代碼:
$(window).on("scroll", function() { var scrollTop = $(this).scrollTop(); $('article').each(function() { var offset = $(this).offset().top; var height = $(this).height(); if (scrollTop >= offset && scrollTop<= offset + height) { $(this).addClass("selected"); } else { $(this).removeClass("selected"); } }); });
我們可以使用jQuery的on()方法監聽窗口的滾動事件。在事件處理程序中,我們首先獲取當前滾動的scrollTop值。接下來,使用each()方法遍歷所有文章元素,獲取每篇文章在頁面上的偏移值和高度值,判斷當前滾動條位置是否在每篇文章范圍內,并給滿足條件的文章元素添加selected類名來表示被選中。如果滾動條不在文章范圍內,則刪除selected類名。以上就是使用jQuery實現頁面滾動時被選中的文章的全部代碼。
下一篇css 修改時間控件