1. 程式人生 > >jquery保持選單始終處於網頁頂部

jquery保持選單始終處於網頁頂部

以下程式碼片段允許某一元素始終處於頁面頂部。可以想見,其非常適合處理導航選單、工具欄或者其它重要資訊。

$(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');
		}
	}
});

原文地址:https://www.codelovers.cn/article/20180324140422.html