jquery - 滚动到浏览器顶部时如何将 div 设置为位置 :fixed,？

Question

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

我的页面上有一个购物篮 div，其标题( Logo 、topnav)下方包含价格信息。当向下滚动页面时，我希望购物篮 div 停止滚动(位置:固定)，当它触及浏览器的上端时...

有人知道我要找的东西的关键字吗？

谢谢

一月

Answer 1

假设您有 jQuery 并且您的购物篮有类“购物车”

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