Trying to make a custom scroll using jQuery

Question

I've been trying to make a custom scroll using jQuery and CSS and I've been partially successful. The problem is I can't figure out how to stop the scroll bar when it reaches the limit of its scroll-container. I just need to find the code section which is not letting this happen. It'd be great if someone could help with the script. I have the whole thing up and running on http://jsfiddle.net/ithril/va6DW/

Benjamin Crouzier · Accepted Answer · 2011-08-22 08:04:11Z

3

Here's a quick fix: add the folowing condition before moving the scroll:

if(x-35>left_limit && x-20<right_limit)

Full code here: http://jsfiddle.net/dujaQ/

But i strongly suggest you to take an existing jquery plugin and adapt it to your need. Here some jquery scroll plugins with horizontal scroll support:

answered Aug 22, 2011 at 8:04

Benjamin Crouzier

42.2k48 gold badges179 silver badges240 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Luuk Over a year ago

I use jScrollPane and it works like a charm, so i wouls suggest that. Fully customisable also :)

Prateek Over a year ago

Thanks a lot for the solution. Could you provide me a decent link that explains how to use jScrollPane,I tried using it but its because i dont know how to customize it and stuff. Thanks!

Collectives™ on Stack Overflow

Trying to make a custom scroll using jQuery

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related