scrollTop div mit Rand

Question

Ich habe eine div, die ich fast aus dem Bildschirm Position, indem Sie es viel Marge. Es enthält Text und Benutzer müssen scrollen lesen. Frag mich nicht, warum ich das machen möchte, lass uns einfach sagen, dass das Hintergrundbild sichtbar sein muss.

Ich möchte das Div mit Text nach einer gewissen Zeit nach oben bewegen. Animation der Scrolltop scheint nicht mit einem div mit Marge zu arbeiten, zumindest kann ich es nicht funktionieren.

Kann jemand von euch mit der Lösung kommen?

setTimeout(function() { 
    $(window).animate({ 
     scrollTop: $(document).height() 
    }, 300); 
}, 3000); 

Hier ist die Geige. https://jsfiddle.net/PaulvdDool/1ctt8xto/

Answer 1

das ist Wähler Problem Verwendung:

$(document) 

Code::

$('body, html') 

von insted

console.log("height: " + $(document).height()); 
setTimeout(function() { 
    $('body, html').animate({ 
     scrollTop: $(document).height() 
    }, 300); 
}, 3000); 

Answer 2

Try this:

$(document).ready(function(){ 
    $('#red').delay(1000).animate({marginTop :'50px'}, 500); 
}); 

Auch ein kleiner Vorschlag: Versuchen Sie position:fixed in der CSS hinzufügen. Ändern Sie den Wert marginTop, um Ihre Anforderung zu erfüllen.