jQuery se déplace à l'ancre au chargement de la page

Question

J'ai une simple mise en page tels que:

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

Lorsque le chargement de la page, j'ai besoin de la page pour faire défiler automatiquement vers le bas (pas d'animation besoin) #header, de sorte que l'utilisateur ne peut pas voir la div, à moins qu'ils défilement vers le haut.

#aboutUs a une hauteur fixe, donc il n'y a pas besoin de toutes les variables pour déterminer la hauteur ou quoi que ce soit... si c'est encore nécessaire.

Je suis tombé sur cette autre question et a essayé de modifier certaines des réponses à ma situation, mais rien ne semblait fonctionner.

Toute aide serait appréciée.

Answer 1

Description

Vous pouvez le faire à l'aide de jQuery .scrollTop() et .offet() méthode

Découvrez mon échantillon, et cette Démonstration jsFiddle

Exemple

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

Plus D'Informations

• jsFiddle de Démonstration
• jQuery.scrollTop()
• jQuery.offset()

Answer 2

avez-vous essayez de jquery scroll_to ? http://demos.flesler.com/jquery/scrollTo/

ou vous pouvez en mesure de jquery ajouter de nouvelles fonction

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

veiller à ce code sera après, y compris le chargement de jquery. puis appeler cette fonction dans un rappel onload

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

changement de vitesse de l'animation si vous n'avez pas besoin d'animation de jouer avec elle :)

Answer 3

Ce droit avant la balise Body de clôture au bas de la page.

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

jQuery est en fait pas nécessaire.