jquery - div - smooth scroll bootstrap

jQuery mover a la ubicación de anclaje en la carga de la página

Question

Tengo una configuración de página simple como:

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

Cuando se carga la página, necesito que la página se desplace automáticamente hacia abajo (no se necesita animación) para #header , por lo que el usuario no puede ver la divisa Acerca de nosotros a menos que se desplace hacia arriba.

#aboutUs tiene una altura fija, por lo que no hay ninguna necesidad de variables para determinar la altura ni nada ... si es necesario.

Me encontré con esta otra pregunta e intenté modificar algunas de las respuestas para mi situación, pero nada parecía funcionar.

Cualquier ayuda sería apreciada.

Answer 1

Descripción

Puedes hacer esto usando el .scrollTop() jQuery''s .scrollTop() y .offset()

Mira mi muestra y esta demostración jsFiddle

Muestra

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

Más información

• Demostración jsFiddle
• jQuery.scrollTop()
• jQuery.offset()

Answer 2

¿Has probado el método scrollTo de JQuery? http://demos.flesler.com/jquery/scrollTo/

O puede extender JQuery y agregar su mentod personalizado:

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

Entonces puedes llamar a este método como:

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

Answer 3

Coloque esto justo antes de la etiqueta de cierre del cuerpo en la parte inferior de la página.

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

jQuery en realidad no es obligatorio.