滚动到页面底部时，元素位置会发生变化

Question

https://jsfiddle.net/181zpvf2/

我遇到一些问题，当用户滚过它时，<aside>元素会粘在#main容器的底部。

一旦用户使用元素<aside>属性开始滚动它，我就会将offset.top元素贴在顶部，但由于没有offset.bottom属性，我正在运行在一些问题中找出如何让数学运作起来。

有什么想法吗？

Answer 1

使用offset.top + window.innerHeight。这会将窗口高度添加到屏幕的偏移量，以便获得屏幕底部的位置。

var PositionFromTop = offset.top + window.innerHeight;
document.getElementById('asideElement').style.marginTop = PositionFromTop;

Answer 2

没有offset().bottom，但有offset().top和height()。有了这个，你得到offset().bottom。

var offsetTop = $("aside").offset().top;
var offsetBottom = $("aside").offset().top + $("aside").height();

现在，通过这个你可以做你的数学。问你是否卡住了： - ）