Как задать размер блока scroll jQuery?

Question

[game802]

Добрый день, уважаемые знатоки. Хотелось бы попросить у вас помощи в решении возникшей у меня проблемы...

$(document).ready(function(){
    $(window).scroll(function(){
        var markerPosRew1 = $('#rew-1').offset().top;
        var markerPosRew3 = $('#rew-3').offset().top;

        if ( markerPosRew1 > 400  || markerPosRew1 < -300 ) {$(".mbBalloonOverlay").fadeOut(500), $(".mbBalloon").fadeOut(500)};
        if ( markerPosRew3 > 400  || markerPosRew3 < -300 ) {$(".mbBalloonOverlay").fadeOut(500), $(".mbBalloon").fadeOut(500)};
    })
})

Этот код должен улавливать id блоки и на основании них скрывать некоторые элементы веб странички.
Суть в том, что этот код не видит диапазона блока. Для наглядности, нарисую....

Как только от выходит из этого диапозона, то он скрывает элемент
Сделал набросок кода: https://jsfiddle.net/anhackown/kpko1bt6/ , и тут он определяет границу, а в моем коде нет. Может быть я что-то упустил? У меня не получается сделать привязку к id... не понимаю в чем проблема. Помогите решить, спасибо

Comments

[Модератор]

game802, за порчу вопросов будет больно.

Answer 1

[game802]

$(document).ready(function(){
    var markerPosRew1 = $('#rew-1').offset().top;
    var markerPosRew3 = $('#rew-3').offset().top;
    if ( markerPosRew1 > 400  || markerPosRew1 < -300 && markerPosRew3 > 400 || markerPosRew3 < -300) { 
        $(window).scroll(function(){
            $(".mbBalloonOverlay").fadeOut(500), $(".mbBalloon").fadeOut(500)
            $(".mbBalloonOverlay").fadeOut(500), $(".mbBalloon").fadeOut(500)
        })
    }  
})

Так тоже не работает... Как быть?

Answer 2

[tevox]

Что у тебя c синтаксисом?
Расставь ";".
И по-моему Firefox любит поругаться на offset-top, если это важно.