122
rated 0 times
[
126]
[
4]
/ answers: 1 / hits: 29426
/ 9 Years ago, sat, april 18, 2015, 12:00:00
I have written a fiddle that scrolls a div up and down automatically which is working fine. But there is an issue when it scrolls down, it doesn't show the last row (String4 in this case). can anybody help me to sort this out please.
<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>
and js stuff:
$(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);
}
More From » jquery