Trying to make a custom scroll using jQuery

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 t开发者_如何学Co 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/

---

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:

1. mCustomScrollbar
2. jScrollPane