在滾動時停止移動元素移動

我沿着頁面有一個可移動元素，但是在我的接觸部分之前有一點點要停止。所以我不能找到正確的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; 


}

現在我的元素 - >#eboy消失。
那麼有人知道如何解決它？

來源

2016-06-23 Milan Poznan

你可以在jsfiddle上發佈演示嗎？ – Viney

@Pixel http://dev.epartner.rs/這裏是鏈接到網站，所以問題是當**＃eboy **到達底部它消失。 Sry它並非針對所有屏幕分辨率進行優化。 –

您的滾動功能正在改變#eboy的頁邊距。 #eboy具有絕對位置，因此將其修改爲固定在某個scrollTop將無法解決您想要的問題。

我要做的是在滾動函數中應用一個if語句，並且您可以引入您的margin-top #eboy更改，因此它僅適用於（wScroll < kontaktOffset - （$（window）.height（）/ 0.9 ））。

來源

2016-06-23 12:01:26 Alvaro

在滾動時停止移動元素移動

回答

相關問題