编程爱好者之家

保持菜单始终处于网页顶部

2018-03-24 14:04:22 381

以下代码片段允许某一元素始终处于页面顶部。可以想见,其非常适合处理导航菜单、工具栏或者其它重要信息。

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


同类文章