网页加载loading，导航栏固定顶部代码

蹦极的考拉

于 2024-04-26 10:12:42 发布

阅读量196

点赞数 3

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/liufucai132/article/details/138210693

版权

文章描述了如何使用JavaScript的window对象监听load和scroll事件，以控制当页面滚动到245像素时，导航栏的`.header-sticky`类添加或移除`sticky`样式，实现常见的滚动导航效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var win = $(window);
win.on('load', function () {
		$('#loading').hide();//需要设置div元素
})

//网页下拉到245像素的时候，给某个div加元素，一般用在导航栏。
win.on('scroll', function () {
    var scroll = win.scrollTop();
		if (scroll < 245) {
			$(".header-sticky").removeClass("sticky");
		} else {
			$(".header-sticky").addClass("sticky");
		}
});