滚动时停止移动元素移动

Question

我在页面上有一个可移动的元素，但在我的联系部分之前我想要阻止它。所以我找不到正确的CSS属性，或maby我无法用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;


}

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

Answer 1

你的滚动功能正在改变#eboy的margin-top。 #eboy有一个绝对位置，所以将它更改为固定在某个scrollTop上将无法解决你想要的问题。

我要做的是在滚动功能中应用if语句并在那里你可以引入你的margin-top #eboy变化，所以它只适用于（wScroll＆lt; kontaktOffset - （$（window）.height（）/ 0.9 ））。