У меня есть простой код для перемещения фоновых изображений, но изображение подергивается после просмотра раздела. идея заключается в том, что фоновая позиция перемещается только тогда, когда секция находится в поле зрения.
Есть идеи?
$window = $(window);
$('.portfolioSection').each(function(){
var $bgobj = $(this); // assigning the object
var speed = 8;
$(window).scroll(function() {
if($(window).scrollTop() + 150 >= $bgobj.offset().top){
// Scroll the background at var speed
// the yPos is a negative value because we're scrolling it UP!
var yPos = -($window.scrollTop() / speed);
// Put together our final background position
var coords = '0 '+ yPos + 'px'
// Move the background
$bgobj.css({ backgroundPosition: coords });
}
}); // window scroll Ends
});
Решено it- Я не учитывал позицию раздела - Строка 9
var yPos = -(($window.scrollTop()-$bgobj.offset().top) / speed);