Jquery和CSS如何让一块div滚动到顶部的时候固定住
作者:钓赛通
发布时间:2024-01-24
点击数:
1.CSS设置成 position:static 默认状态,只要top,不要设置left,和right
2.滚动到顶部的时候变成 position:fixed,再弄margin-left,把他往左边顶过来,自己计算,切记,不要设置left和right.
3.这一块的父元素要设置position:relative,让他相对父元素来
JQuery实现代码
// 滚动到顶部固定 $(function (){ var navH=$('.box-footer').offset().top; $(window).scroll(function (){ var scroH=$(this).scrollTop(); if(scroH>=navH){ $(".box-footer").css({"position":"fixed","top":0,"margin-left":"990px"}); }else if(scroH<navH){ $(".box-footer").css({"position":"static","margin-left":"20px"}) } }) })