JavaScript/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')
		}
	}
})

留言

您的电子邮箱地址不会被公开。 必填项已用*标注