Issue with scroll follow

I have a sort of sidebar on my website, which has to scroll down together with the user so that it is always in the view.

I used jquery.scrollFollow.js (http://kitchen.net-perspective.com/open-sou开发者_StackOverflow中文版rce/scroll-follow/)

The code I'm using now is actually working fine however there is one problem. On smaller screens the sidebar scrolls before you can see the end of sidebar(because the height of this sidebar) this making it impossible to see it all.

So what I want is the sidebar to scroll with the bottom as relative point instead of top so that when you reach the end of the sidebar it starts to scroll.

thanks in advances

Why don't you just use CSS?

CSS:

div { position: fixed; bottom: 10px; right; 10px; }

HTML:

<div>My sidebar</div>