2015-03-27 2 views
-1

Я хочу JQuery кода, где я могу сравнить на параллаксе странице ли scrolltop конкретного DIV является 0Я хочу JQuery кода, где я могу сравнить на параллаксе страницы, является ли scrolltop конкретного DIV в 0

$(window).bind('scroll', function() { 
    if ($(window).scrollTop() > 500) { 
     $('#home').css({position: 'relative'}); 
     $('.home').removeClass('active'); 
    } 
    else { 
      $('#home').css({position: 'fixed'}); 
    } 
}); 

В этом код, как я могу изменить, чтобы сравнить div, является отдельным div, предположим,

div id = 'slide5'.

находится на вершине

+0

Изменение '$ (окно)' 'для $ ('# slide5')'. Я предлагаю вам прочитать страницу селекторов http://api.jquery.com, так как это самая простая задача в jQuery. –

+0

$ (окно) .scroll (функция() { \t вар styledDiv = $ ('# divtochange'), targetScroll = $ ('# divtocompare'). Положение(). Верх, currentScroll = $ ('HTML') .scrollTop() || $ ('body'). scrollTop(); \t styledDiv.toggleClass ('makehide', currentScroll> = targetScroll); \t}); Как добавить задержку времени в него –

ответ

0

Html

<div id="id1">Semple page 1<div> 
<div id="id2">Semple page 2<div> 
<div id="id3">Semple page 3<div> 

Jquery

$("#id1").bind('scroll', function (event) { 
    if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) { 

    //Your operation 

    } 
    }); 



$("#id2").bind('scroll', function (event) { 
    if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) { 

    //Your operation 

    } 
    }); 



$("#id3").bind('scroll', function (event) { 
    if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) { 

    //Your operation 

    } 
    }); 
+0

$ (окно) .scroll (функция() { \t вар styledDiv = $ ('# divtochange'), targetScroll = $ ('# divtocompare'). Положение() . .top, currentScroll = $ ('HTML') scrollTop() || $ ('тело') scrollTop();. \t styledDiv.toggleClass ('makehide', currentScroll> = targetScroll); \t}); Как добавить временную задержку в нее –

+0

добавить таймер после согласования вашего состояния. –

Смежные вопросы