Прокрутка веб-страницы к указанному блоку, элементу средствами JavaScript (JQuery) -- пример кода
Primary tabs
Можно организовать прокрутку так:
$(document).ready(function(){
//console.log('scroll is here!');
var elementId = window.location.hash.substr(1); // считываем хэш
//console.log('hash=', elementId);
if (elementId) {
$('html, body').animate({
scrollTop: ($("#" + elementId).offset().top)
}, 1200);
}
});
Если страница грузится медленно и не прокручивается
Если страница грузиться медленно, то возможно надо немного подождать (скажем, 2 секунды) и потом запустить загрузку:
$(document).ready(function(){
console.log('scroll is here!');
function scrollToElement()
{
var elementId = window.location.hash.substr(1);
console.log('elementId=', elementId);
if (elementId) {
console.log('scroll it!');
$('html, body').animate({
scrollTop: ($("#" + elementId).offset().top)
}, 1200);
}
}
setTimeout(scrollToElement, 2000);
});
- Log in to post comments
- 3417 reads