steps I followed while adding the nano scroller in the 4dem gestliste app.

adding the nano scroller

put the plugin code in the plugin.js
https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/javascripts/jquery.nanoscroller.min.js

put the styling in the plugin.css
https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/css/nanoscroller.css


views/search/index.php -> 
<div class="result-wrapper nano">
    <div class="content">
    @foreach ($data['cats'] as $cat)
    	<label class="checkbox">
			<input type="checkbox" name="cats-check" value="{{ $cat->id }}">
			{{ $cat->categoria }}
		</label>
	@endforeach
	</div>
</div>

public/css/bootstrap.min.css ->

.result-wrapper .content { padding: 10px; }
.result-wrapper .pane   { background: #888; }
.result-wrapper .slider { background: #111; }

.cats .result-wrapper, 
.sub-cats .result-wrapper,
.regions .result-wrapper{
	height: 400px;
}


public/js/search.js ->
$(".nano").nanoScroller();