Reine javascript-automatisches scrollen nach unten von einer Seite dann wieder up

Dieses Skript funktioniert, wenn Sie mit jquery:

$('html, body').animate({ scrollTop: $(document).height() - $(window).height() }, 1000, function() {
    $(this).animate({ scrollTop: 0 }, 1000); });

Allerdings brauche ich das in reinem JS. Ich nehme an, dies ist möglich. Ich brauche die Seite ganz nach unten scrollen, dann wieder und wiederholen, wie in dieser demo: http://jsfiddle.net/QUCWe/

Vielen Dank.

Haben Sie stackoverflow.com/questions/11715646/... . Ich bin nicht sicher, über animation , jedoch versuchen Sie es zu tun Fenster.scrollTo(0,document.Körper.scrollHeight); und window.scrollTo(0,0); langsam vielleicht mit Zeitlimit .
Manchmal ich mag, um zu sehen, was die Leute schreiben, was Sie denken, ist einfach jQuery, dann setzen debugger; rechts, bevor Sie es und suchen Sie in der browser-debugging-tools. Die Anzahl der Anweisungen jQuery zwingt die Armen browser, durch den Schritt zu tun, buchstäblich alles, was ist... atemberaubend.
Genau, Und diese Seite wird immer aktualisiert, mit einem raspberry pi alle drei Minuten, ich will nicht zu setzen es unter mehr stress.

InformationsquelleAutor user3730931 | 2014-06-14

javascript

Dies ist eine schnelle mock-up, hoffe, es hilft Ihnen beim Einstieg. Ich habe die easing-Gleichungen aus hier.

Link zu JSFiddle

var wrapper = document.getElementById("wrapper"); //get div
var h = wrapper.offsetHeight; //get height 

scrollTo(h);

function scrollTo(x) {
    //elapsed
    var e;
    //duration in milli seconds
    var d = 1000;
    //b as in begin, where to start (you could get this dynamically)
    var b = 0;
    //start time, when the animation starts
    var s = (new Date()).getTime(); //start time
    //the magic
    var t = setInterval(function () {
        //calculate elapse time 
        e = (new Date()).getTime() - s;
        //check if elapse time is less than duration
        if (e < d) {
            //animate using an easing equation
            window.scrollTo(0, ease(e, b, x, d));
        } else {
            //animation is complete, stop interval timer
            clearInterval(t);
            t = null;
        }
    }, 4);
}

//Info about the letters (I think)
//t = elapse time 
//b = where to begin 
//c = change in comparison to begin
//d = duration of animation
function noease(t, b, c, d) {
    t /= d;
    return b + c * (t);
}

function ease(t, b, c, d) {
    return Math.round(-c * Math.cos(t / d * (Math.PI / 2)) + c + b);
}

Genau das, was ich wollte, Danke :3 Nur das problem ist es nicht ganz nach oben gehen.

InformationsquelleAutor manish

function scroll(speed) {

    document.body.scrollTop = $(document).height() - $(window).height();
    setTimeout(function(){
    document.body.scrollTop = 0;    
    },1000);
}

speed = 1000;

scroll(speed)
setInterval(function(){scroll(speed)}, speed * 2);