如何设置div到位置：固定，滚动到浏览器顶部？

Question

我希望我能描述一下我的问题：

我有一个购物篮div，价格信息位于我页面上的标题（logo，topnav）下面。向下滚动页面时，我希望购物篮div停止滚动（位置：固定），当它触及浏览器的上端时...

有没有人有我想要的关键字？

由于

扬

Answer 1

让我们假设您拥有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
   }
});