前端实现页面滚动div固定

2019 精帖
0 776


前端实现页面滚动div固定


例:

image.png


js实现

var top1 = $(".scroll").offset().top;
		  window.onscroll = function() {
				var win_top = $(this).scrollTop();
				var top = $(".scroll").offset().top;
				if(win_top >= top) {
					$(".scroll").css("position", "fixed");
					$(".scroll").css("top","0px");
					$(".scroll").css("background","#c2e5ff");
				}
				if(win_top < top1) {
					$(".scroll").css("position", "relative");
					$(".scroll").css("background","#ffffff");
				}
		  }
.scroll就是需要固定的div


留言(0)
加载更多
猜你喜欢