jquery tools : Scroller issue


I was using scrollable plugin of jquery tools for a project.

The issue I was facing was when I make it circular by the following code, I used to have a an empty element right after the last element. This makes a weird transition on the scroller i.e it doesn’t look like it’s circular.

$(document).ready(function(){
 $("#scrollable").scrollable({circular: true});
});

I came up with a quick fix since I didn’t have much time to spend on this.
I copied the second element of the list and appended at the last.
Couldn’t think of anything other than this. If you have a better solution feel free to comment.

$('.items').append('<li>'+$('.items li').eq(2).html()+'</li>')
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s