Есть длинная страница, где много контента. Страница разбита по секциям, типа лендинг. В теле страницы, при ее прокрутке есть блок высотой 100% экрана. Так вот: возможно ли сделать так, чтобы при прокрутке страницы, как только этот блок попадал в видимую часть экрана, страница автоматически прокручивалась до верха этого блока? Что-то типа скролла страницы по секциям. Вот мне нужно, чтобы этот принцип срабатывал только для одного блока/секции на этой странице. Целый плагин для этого не нужен, да он и не подходит. На странице имеется скрипт модальных окон (их на странице много с большим контентом), он же и перестает корректно работать с подобными плагинами, а именно не корректно работает скроллинг, что очевидно. Поэтому такой эффект нужен только для фрагмента страницы. Благодарю за помощь!
Написал скрипт, но он не работает. В чем может быть ошибка? Поправьте, пожалуйста.
$(window).scroll(function() {
if(document.body.scrollTop === 0) {
$('#anchor')
$('html, body').animate({scrollTop: $('#anchor').offset().top}, 2000);
return false;});
}
});
scroll
повесить проверку — виден ли блок. Если да — сделать прокрутку до этого блока. – xaja 28 июн '16 в 19:42