jQuery scroll automatique d'un div & down

J'ai écrit un violon qui permet de faire défiler un div en haut et en bas automatiquement, ce qui est fonctionne bien. Mais il ya un problème quand il se défile vers le bas, il ne montre pas la dernière ligne ("String4" dans ce cas). quelqu'un peut-il m'aider à régler cette question s'il vous plaît.

<div class="container">
<div class="content">
    <p>string1</p>
    <p>string</p>
    <p>string</p>
    <p>string</p>
    <p>string</p>
    <p>string</p>
    <p>string0</p>
    <p>string1</p>
    <p>string2</p>
    <p>string3</p>
    <p>string4</p>
     <p> </p>
</div>

et js trucs:

   $(document).ready(function() {
if ($('.content').height() > $('.container').height()) {
setInterval(function () {
start();
}, 3000); 
}
});
function animateContent(direction) {  
var animationOffset = $('.container').height() - $('.content').height();
if (direction == 'up') {
animationOffset = 0;
}
console.log("animationOffset:"+animationOffset);
$('.content').animate({ "marginTop": (animationOffset)+ "px" }, 5000);
}
function up(){
animateContent("up")
}
function down(){
animateContent("down")
}
function start(){
setTimeout(function () {
down();
}, 2000);
setTimeout(function () {
up();
}, 2000);
setTimeout(function () {
console.log("wait...");
}, 5000);
} 

OriginalL'auteur Nomesh DeSilva | 2015-04-18

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *