scrolling ejemplo en marcha

[flashtrix]

Recientemente me pasaron esta web con un efecto que necesito realizar en una web que tengo que se haga un scrolling automático cuando esta se abra y el scrolling se detenga en cierto punto debajo...

acá dejo la web con el script VER

pero no he podido implementarla en mi ejemplo cualquiera quien me desglosa mejor el asunto, no se si tiene ficheros externos js que llama mediante javascript y si es así donde los consigo... por fa ayúdenme a realizar un simple html con este efecto algo funcional y menos complicado o mas detallado pues soy principiante

Gracias

[Alexis88]

El ejemplo es sencillo, quizá no notaste que están usando jQuery, de ser así, descárgalo desde su página oficial.

También es posible hacerlo con JavaScript nativo.

Código Javascript:

window.onload = function(){
    intervalo = setInterval(function(){
        var scroll = document.body.scrollTop;
        if (scroll + window.innerHeight >= document.body.offsetHeight)
            clearInterval(intervalo);
        else
            document.body.scrollTop = scroll + 200;
    }, 2000);
};
 

Lo hice lo más parecido posible al ejemplo que mostraste con jQuery, con la diferencia de que no realiza el efecto de deslizamiento suave. De cualquier forma, el scrolling se realiza con normalidad.

DEMO

Saludos

[flashtrix]

Hola alexis 88 gracias por responder claro tu ejemplo funciona.. gracias pero como se hara para que el efecto lo haga fluido.... sera incluir las librerias js esas que llama el script... pues alli lo llamativo del efecto es la fluidez de desplazamiento cuando baja no crees.... otra pregunta como hago para que llegue a un nombre de ancla y alli se detenga????

[Alexis88]

Ese efecto de deslizamiento suave se produce porque en el ejemplo que colocaste, utilizando la función animate de jQuery, con el cual se puede realizar esa transición. Sería bueno ver cómo implementaste ese ejemplo en tu aplicación para saber por qué no funciona, pero supongo que es porque no añadiste a la librería jQuery. Te dejé un enlace en la respuesta anterior para que lo descargues.

Lo segundo que buscas hacer, puedes hacerlo de múltiples formas, una de las que se me ocurre en este momento es deslizar la barra de desplazamiento hasta un punto X, el cual deberás haber calculado previamente.

Si buscas tener dicho efecto al dar clic a enlaces que anclen en un punto en particular, puedes usar el plugin Smooth Scroll de jQuery.

Saludos