Как прокрутить окно или веб-страницу вниз с помощью Javascript? В принципе, я хочу переместить веб-страницу на определенное количество пикселей, используя Javascript, есть ли способ сделать это?
Как переместить окно по x числу пикселей с помощью Javascript
Ответ 1
Вы можете использовать следующую функцию:
window.scrollBy(x,y)
например.
window.scrollBy(0,100)
Поскольку вы проявили интерес к "единицам" (я предполагаю, что вы имеете в виду ширину и высоту, так как единицы здесь являются пикселями!), если размер окна изменяется:
document.height
1527
window.innerHeight
912
"awesome. Но есть ли способ прокрутки на основе того, изменилось ли окно?"
Да, вы можете использовать этот обработчик событий:
window.onresize = function() {
window.scrollBy(..., ...);
}
Ответ 2
Я всегда использовал jQuery для этого, поэтому, если вам интересно.,.
Видовой экран можно прокручивать с помощью scrollTop (http://api.jquery.com/scrollTop/):
$(window).scrollTop(value)
Вы можете найти текущее смещение элемента с помощью смещения (http://api.jquery.com/offset):
$(element).offset().top
и вы можете узнать, что текущий ток окна также прокручивает scrollTop:
$(window).scrollTop()
Используя эти методы, вы сможете узнать текущую позицию прокрутки окна, определить, где вы хотите прокручивать, и прокручивать от одного раздела к другому с помощью scrollTop или если вы хотите, чтобы он был плавным и анимированным с течением времени — aimate (http://api.jquery.com/animate).
Если вы хотите сделать событие на основе размера браузера, то вы просто привяжите функцию к событию изменения размера:
$(window).bind('resize', myfunction);