Базовый параллакс - подергивание фона

0

У меня есть простой код для перемещения фоновых изображений, но изображение подергивается после просмотра раздела. идея заключается в том, что фоновая позиция перемещается только тогда, когда секция находится в поле зрения.

Есть идеи?

$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

});
Теги:
parallax

1 ответ

0
Лучший ответ

Решено it- Я не учитывал позицию раздела - Строка 9

var yPos = -(($window.scrollTop()-$bgobj.offset().top) / speed); 

Ещё вопросы

Сообщество Overcoder
Наверх
Меню