linkorn-scroll.js

Scrollbar for backbone.js

Usage

<link rel="stylesheet" href="linkorn-scroll.css">

<script src="linkorn-scroll.js"></script>


<div class="scroll-container">
	<div class="ver-scrollbar"><div class="track"><a script="text/javascript" class="thumb"></a></div></div>
 		<div class="hor-scrollbar"><div class="track"><a script="text/javascript" class="thumb"></a></div></div>
 		<div class="viewport">      
  			<div class="overview">
			<!-- YOUR LIST CONTENT -->
  			</div>            
 		</div>
	</div>

initialize

var scrollContainer = new LnkScroll({
	el:this.$("div.scroll-container"),
	onScroll:function(x,y){
		console.log(x+','+y);
	}
});

resize

$(window).bind("resize", $.proxy(this.windowResize,this));
    $(window).resize();

windowResize: function (e) {
        e.preventDefault();
        if (this.scrollContainer){
        	this.scrollContainer.$el.css("height", ($(e.currentTarget).height() - 100) +"px");
        }
        this.scrollContainer.render();
    }