本插件是对tinyscrollbar插件的一个封装。由于在用的时刻须要同时援用css和js文件,同时还须要修正dom构造,比较贫苦,为了轻易起见,将tinyscrollbar.css和tinyscrollbar.js文件都用js引入,修正dom的要领也放在js文件中。详细代码
使用要领:
1、引入jquery文件
2、引入scroll.js文件
3、初始化滚动条
window.onload = function(){
//wrapper为内容容器的id
scrollInit("wrapper");
}
重要的代码以下:
function scrollInit(conId){
var conElem = document.getElementById(conId);
//建立文本片断
var fragment = document.createDocumentFragment();
fragment.appendChild(createDom(conElem));
var firstChild = document.body.firstChild;
document.body.insertBefore( fragment, firstChild);
loadCssFile("http://s3.qhimg.com/!35901b2d/jquery.tinyscrollbar.css");
loadJSFile("http://s2.qhimg.com/!35901b2d/jquery.tinyscrollbar.js", scrollFn);
}