jQuery Auto Scroll to DIV ID - PullRequest
Новая
       0

jQuery Auto Scroll to DIV ID

1 голос
/ 15 марта 2012

У меня есть идентификатор div на треть пути вниз по веб-странице

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 ]

2 голосов
/ 15 марта 2012

Есть ли в jQuery функция scrollTo?Я думал, что вам нужен плагин для этого.Тем не менее, это работает для меня:

http://jsfiddle.net/5VQCD/

var elem = $('#scrollHere');
if(elem) {
    $('html').scrollTop(elem.offset().top);
    $('html').scrollLeft(elem.offset().left);
}
1 голос
/ 15 марта 2012

Наиболее эффективный способ достижения этого путем изменения scrollTop и scrollLeft окна DOM. 

$(window).scrollTop(elem.offset().top).scrollLeft(elem.offset().left);

Демо

...