Javascript Animated Scrolling

[dinos33]

Αυτό που θέλω είναι αρκετά απλό, αλλά όπως έχω πει δεν έχω ιδέα από Javascript. Παρ' όλα αυτά κατάφερα να βρω αυτόν τον κώδικα:

 

>
       <script type="text/javascript">
   	function pagescroll() {
   		window.scrollBy(0,365);
   		scrolldelay = setTimeout('pagescroll()',100);
	clearTimeout(scrolldelay);
}
</script>

 

Με τον παραπάνω κώδικα η σελίδα μου κατεβαίνει (κάνει scroll) 365 pixels κάθετα (vertical). Αυτό που θέλω είναι να μην πηγαίνει κατευθείαν σε εκείνο το σημείο, αλλά σιγά-σιγά ώστε να φαίνεται ότι κατεβαίνει η σελίδα. Μάλλον κάτι σε animation ψάχνω.

 

Σημείωση: Θέλω κάτι που να είναι συμβατό με Firefox, Safari και Google Chrome τουλάχιστον (είχα βρει μια λύση χρησιμοποιώντας το WebKit, αλλά έτσι δεν είχα υποστήριξη με τον Firefox )

 

Edit: Θέλω να απαντήσετε σε μία απ' τις δύο ερωτήσεις, χρειάζομαι μια απάντηση σε μία απ' τις δύο ερωτήσεις!

Πώς μπορώ να μετακινήσω ένα στοιχείο της σελίδας από κάτω προς τα πάνω με animation, χωρίς να χρησιμοποιήσω το WebKit;

 

WebKit code...

 

>
@-webkit-keyframes element
{
   from { bottom: -200px; }
   30% { bottom: -200px; }
   to { bottom: -20px; }
}

#element {
   -webkit-animation-name: element;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-timing-function: linear;
}

[miza]

Ψάξε το jquery γενικά, δες αυτό μπας και σου κάνει

[Chemical]

Αυτό θα μπορούσε να σου κάνει τη δουλειά

http://flowplayer.org/tools/scrollable/index.html#