jquery保持選單始終處於網頁頂部
阿新 • • 發佈:2018-11-05
以下程式碼片段允許某一元素始終處於頁面頂部。可以想見,其非常適合處理導航選單、工具欄或者其它重要資訊。
$(function(){ var $win = $(window); var $nav = $('.mytoolbar'); var navTop = $('.mytoolbar').length && $('.mytoolbar').offset().top; var isFixed=0; processScroll(); $win.on('scroll', processScroll); function processScroll() { var i, scrollTop = $win.scrollTop(); if (scrollTop >= navTop && !isFixed) { isFixed = 1; $nav.addClass('subnav-fixed'); } else if (scrollTop <= navTop && isFixed) { isFixed = 0; $nav.removeClass('subnav-fixed'); } } });