Ответ 1
$(document).on('scroll', function() {
if($(this).scrollTop()>=$('#theTarget').position().top){
yourActionHere();
}
})
Сравните прокрутку и позицию элемента. Затем вызовите свою функцию. Плагин не требуется.
Возможный дубликат:
Как определить прокрутку страницы до определенной точки в jQuery?
Проверьте, видим ли элемент после прокрутки
Как определить, когда пользователь достиг этого div:
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="theTarget">I have been reached</div>
Получил ответ от этого вопроса:
Проверьте, видим ли элемент после прокрутки
Итак, я просто сделал это:
function isScrolledIntoView(elem)
{
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom) && (elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}
$(window).scroll(function() {
if(isScrolledIntoView($('#theTarget')))
{
alert('visible');
}
});
$(document).on('scroll', function() {
if($(this).scrollTop()>=$('#theTarget').position().top){
yourActionHere();
}
})
Сравните прокрутку и позицию элемента. Затем вызовите свою функцию. Плагин не требуется.
Я думаю, что вы можете достичь своей цели, сравнивая значения из своей позиции div
var divPosition = $("#theTarget").offset().top;
и положение прокрутки окна
var scrollPosition = window.scrollY;
Появляется плагин jquery, который, я считаю, делает именно то, что вы просите.
http://plugins.jquery.com/project/appear
$('#theTarget').appear(function() {
$(this).text('Hello world');
});
Он также связан с изменением размера и размером начального окна... и т.д. и т.д.