1

Привет!

Мне нужно, чтобы скрипт (там параллакс фона) работал только тогда, когда блок видно в окне браузера.

var win = $(window);

$('body').each(function(){
    var el = $(this),
        offsetCoords = el.offset();

    $('div[data-type="background-parallax"]', el).each(function(){
        var parallaxedBackground = $(this);
        win.on('scroll', function(){

        if ( условие про попадание в зону видимости ) {
          var yPosition = (win.scrollTop() / parallaxedBackground.data('speed'));
          if (parallaxedBackground.data('offset')) {
          yPosition += parallaxedBackground.data('offset');}
          parallaxedBackground.css({'background-position': '50%' + (-yPosition) + 'px' });
        }
        });
    });
});

Как решить?

1 ответ 1

2

Например, такая функция:

function checkVisibility(el){
  var dTop = $(window).scrollTop(),
      dBot = dTop + $(window).height(),
      elTop = $(el).offset().top,
      elBot = elTop + $(el).height();
  return ((elTop <= dBot) && (elTop >= dTop));
}

Смотрим, как её можно использовать. Если надо, то добавьте в расчеты и высоту элемента, который отслеживаете.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.