html - 固定位置 DIV 滚动到底部时被截断

Question

我在 Angular Material 中工作，在使用 property: fixed 时遇到问题。当我一直向下滚动到页面底部时，fixed 的 div 底部部分被截断。

这是 JSFiddle:https://jsfiddle.net/baiin/pp1ak0a7/

我尝试了其他解决方案来解决此问题，例如使用 scrollTop() 作为 position: fixed 的替代方案，但它也会产生相同的错误。我认为解决方案是在我滚动时检查 div 的底部是否触及页面底部。但是，在移动 div 时，我无法为它找到合适的位置。我一直得到相同的值(value)。我需要找到一种方法来获取此 div 相对于整个页面的位置。

var offset = $("#scroll").offset();
console.log(offset.top); // doesn't give me relative position, just gives me constant value

任何输入都会有所帮助，因为我已经为这个问题苦苦挣扎了一段时间。

Answer 1

你可以试试这个，也许对你有帮助

$(function() {
   var getTop = $('#scroll').offset().top; 
   log(getTop - $(window).scrollTop());

   $(window).scroll(function() { 
      console.log(getTop - $(window).scrollTop());
   });
});

祝你好运:)