1. дома
  2. Вопрос и ответ
  3. Dynamic Scroll Позиция в Jquery

Dynamic Scroll Позиция в Jquery

2013-08-21 3 views
-1

Пожалуйста, помогите мне ниже сценарияDynamic Scroll Позиция в Jquery

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

<script> 
    $(window).on("scroll", function() { 
     var offset = $("#two").offset(); 
     var posY = offset.top - $(window).scrollTop(); 
     if (offset.top + $("#two").height() > $(window).scrollTop()) { 
      apply(); 
     } else { 
      remove(); 
     } 
</script> 
<body> 
    <div id="one"></div> 
    <div id="two"></div> 
    <div id="three"></div> 
</body>

источник

2013-08-21 michaelvino86

+2

Можете ли вы показать нам код, который вы пробовали? – Richard

ответ

2

Существует отличный плагин, чтобы сделать это называется WAYPOINT

Я имею установку примера на jsfiddle check it out

HTML

<div class="first"></div> 
<div class="second"></div>

CSS

.first { 
    background:green; 
    height: 600px; 
    width:100%; 
} 
.second { 
    background:red; 
    height: 600px; 
    width:100%; 
}

JS

$('.second').waypoint(function() { 
    alert('You have scrolled to an entry.'); 
}, { 
    offset: '100%' 
});

источник

2013-08-21 13:03:18

+1

Привет Спасибо за ваш ответ. В соответствии с требованием я не должен использовать никаких плагинов. У вас есть другая идея – michaelvino86

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

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