jQuery переместить в положение привязки при загрузке страницы

у меня есть простая настройка страницы, такие как:

<div id="aboutUs">
  About us content...
</div>
<div id="header">
  Header content...
</div>

когда страница загружается, мне нужно, чтобы страница автоматически прокручивалась вниз (без анимации) до #header, поэтому пользователь не может видеть о нас div, если они не прокручиваются вверх.

#aboutUs имеет фиксированную высоту, поэтому нет необходимости в каких-либо переменных для определения высоты или чего-либо еще... если это вообще нужно.

я наткнулся на этот другой вопрос и попытался изменить некоторые ответы для моей ситуации, но ничто, казалось, работать.

любая помощь будет оценили.

3 60
jquery scroll anchor

3 ответа:

описание

вы можете сделать это с помощью jQuery это .scrollTop() и .offset() метод

проверьте мой образец и это демонстрация jsFiddle

пример

$(function() {
    $(document).scrollTop( $("#header").offset().top );  
});

Дополнительная Информация

111

вы пробовали JQuery scrollTo способ? http://demos.flesler.com/jquery/scrollTo/

или вы можете расширить JQuery и добавить свой пользовательский mentod:

jQuery.fn.extend({
 scrollToMe: function () {
   var x = jQuery(this).offset().top - 100;
   jQuery('html,body').animate({scrollTop: x}, 400);
}});

тогда вы можете вызвать этот метод, как:

$("#header").scrollToMe();
23

поместите это прямо перед закрывающим тегом Body в нижней части страницы.

<script>
    if (location.hash) {
        location.href = location.hash;
    }
</script>

jQuery на самом деле не требуется.

13