使DIV與頁面一起滾動而不使用pos：fixed

Question

所以我在頁面的LHS上有一個div，我希望它使用position：fixed隨頁面滾動，但是效果很好，但是一旦我減小了瀏覽器窗口的寬度，div就會懸停在頁面上其他元素的上方，並得到順便說一句 這顯然是pos：fixed的結果。

我可以在不使用pos：fixed的情況下使div隨頁面滾動嗎？ 也許用JS？ 任何意見或建議，將不勝感激。

    #scrollerDiv{
        position: fixed;
        right:100px;
        top:238px;
        padding: 10px;
        width:48px;
        height:48px;
    }

Answer 1

您可以嘗試以下方法：

 $(function(){ //<-----------------------doc ready
    $(window).on('scroll', function () {
      var scrollPos = $(document).scrollTop();
      $('.scroll').css({
         top: scrollPos
      });
   }).scroll();
});

為此，我為您做了一件小提琴。