jQuery网页向下滚动导航固定顶部代码



jQuery网页向下滚动导航固定顶部代码

jQuery网页向下滚动导航固定顶部代码是一款利用监测scrollTop距离进行导航栏的fixed固定来实现的js网站特效。

js代码

<script>
$(function(){
	var a = $('#nav'),
		b =a.offset();
	$(document).on('scroll',function(){
		var	c = $(document).scrollTop();
		if(b.top<=c){
			a.css({'position':'fixed','top':'0px'})
			}else{
				a.css({'position':'absolute','top':'300px'})
				}
		})
	})
</script>

本文由零壹源码整理自网络,如本站发布的内容若侵犯到您的权益,请邮件联系 1115211524@qq.com  删除,我们将及时处理!

==========================================

本站资源仅供学习和交流使用,本站对其所列之资源不拥有版权,版权归资源原作者所有,请在下载后24小时之内自觉删除。

若作商业用途,请购买正版及查阅最新授权相关说明,由于未及时购买和付费发生的侵权行为,与本站无关。

本站大部分资源及其所有相关信息均来自网络搜集或网友提供,不保证其完整性以及安全性,对信息的准确性不提供任何担保,亦不承担任何责任。

分享到:

Hi, 如果你对此资源有疑问,可以跟我联系哦!

联系客服