javascript - 滚动时停止移动元素移动

Question

我在页面上有一个可移动元素，但在我的联系部分之前我想停止它。所以我找不到正确的 CSS 属性，或者我不能用 CSS 做到这一点？所以我的代码是:JS:

var kontaktOffset = $('.kontakt').offset().top + 100;

if (wScroll > kontaktOffset - ($(window).height() / 0.9)) {

    var eboy = $('#eboy').addClass('stop');
}
else {

    var eboy = $('#eboy').removeClass('stop');
}

CSS:

.stop {
    position: fixed;


}

现在我的元素 -> #eboy 消失了。
那么有人知道如何解决它吗？

Answer 1

您的滚动功能正在更改#eboy 的顶部边距。 #eboy有一个绝对位置，所以将其更改为固定在某个scrollTop并不能解决你想要的问题。

我要做的是在滚动函数中应用一个 if 语句，然后您可以引入 margin-top #eboy 更改，因此它仅适用于 if (wScroll < kontaktOffset - ($(window).height()/0.9) )。