Jquery 将div滚动到浏览器顶部时,如何将其设置为position:fixed?

Jquery 将div滚动到浏览器顶部时,如何将其设置为position:fixed?,jquery,css,position,Jquery,Css,Position,我希望我能描述我的问题: 我有一个购物篮div,在我的页面标题(logo,topnav)下有价格信息。当向下滚动页面时,我希望购物篮div在接触浏览器上端时停止滚动(位置:fixed) 有人知道我在找什么吗 谢谢 Jan让我们想象一下,您有jQuery,您的购物篮有“cart”类 $(document).on('scroll', function(){ if($(document).scrollTop() >= $('.cart').offset().top){ // A

我希望我能描述我的问题:

我有一个购物篮div,在我的页面标题(logo,topnav)下有价格信息。当向下滚动页面时,我希望购物篮div在接触浏览器上端时停止滚动(位置:fixed)

有人知道我在找什么吗

谢谢


Jan

让我们想象一下,您有jQuery,您的购物篮有“cart”类

$(document).on('scroll', function(){
   if($(document).scrollTop() >= $('.cart').offset().top){
      // Add position:fixed styling (eg. with a specific class)
   } else {
      // Remove position:fixed styling
   }
});

这可能会有帮助:非常接近:if条件有效,但else条件(向后滚动时)无效。。。但是谢谢你。哦,正确:)当你的.cart被修复后,它的
$('.cart').offset().top
将改变原来的格式(将是document\u scroll\u top+你的css缩进)。您应该在IF中使用另一个元素,但高度与您的cart相同。非常感谢。听起来似乎有道理:-)这很有帮助。