jQuery Auto Scroll to DIV ID
У меня есть идентификатор id на треть пути вниз по веб-странице
HTML
<div id="scrollHere"></div>
JavaScript
<script>
$(document).ready(function(){
var elem = $('#scrollHere');
if(elem) {
$(window).scrollTop(elem.offset().top).scrollLeft(elem.offset().left);
}
/*
var destination = $('#scrollHere').offset().top;
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-75}, 800 );
return false;
*/
/*
var elem = $('#scrollHere');
if(elem) {
$(window).scrollTop(elem.offset().top).scrollLeft(elem.offset().left);
//$('html').scrollTop(elem.offset().top);
//$('html').scrollLeft(elem.offset().left);
}
*/
/*
var elem = $('#scrollHere');
if(elem) {
//$.scrollTo(elem.left, elem.top);
//$(document).stop().scrollTo( elem.offset().left, elem.offset().top );
}
*/
}); // end .ready()
</script>
CSS
#scrollHere{
position:relative;
top:500px;
left:1000px;
border:1px solid black;
width:50px;
height:50px;
}
Но я не могу получить автопрокрутку, чтобы перевести меня на идентификатор div при обновлении страницы.
Я использую неправильные команды JavaScript?
2 ответа
Решение
Есть ли scrollTo
-Функция в jQuery? Я думал, тебе нужен плагин для этого. Тем не менее, это работает для меня:
var elem = $('#scrollHere');
if(elem) {
$('html').scrollTop(elem.offset().top);
$('html').scrollLeft(elem.offset().left);
}
Наиболее эффективный способ достижения этого путем изменения scrollTop и scrollLeft окна DOM.
$(window).scrollTop(elem.offset().top).scrollLeft(elem.offset().left);