RollBar创建的观念来取代标准的浏览器滚动条和让他们定制的非常适合几乎任何网站的设计。
这个插件不仅可以作为本地浏览器滚动条替换,但甚至创造外部控制幻灯片。
其他特点RollBar在能自动调节窗口大小,识别在Android和iOS设备的触摸事件和响应定制jQuery事件滚动内容。
调用方法
<script type="text/javascript">
$(document).ready(function(){
$('#example1, #example2').rollbar({zIndex:80});
$('body').rollbar({zIndex:100});
});
</script>
<script type="text/javascript">
$(function(){
var base = 'body';
$('a[href^="#"]').each(function(){
var name = $(this).attr('href').substr(1);
var anchor = document.getElementById(name) || document.getElementsByName(name);
if(anchor = (anchor.item)?anchor.item(0):anchor){
var offset = $(base+' > .rollbar-content').height() - $(anchor).offset().top;
$(this).click(function(){
$(base).trigger('rollbar',-offset);
});
}
});
});
</script>