本插件是对tinyscrollbar插件的一个封装。由于在用的时候须要同时引用css和js文件,同时还须要修改dom结构,比较麻烦,为了方便起见,将tinyscrollbar.css和tinyscrollbar.js文件都用js引入,修改dom的方法也放在js文件中。具体代码
使用方法:
一、引入jquery文件
二、引入scroll.js文件
三、初始化滚动条css
window.onload = function(){ //wrapper为内容容器的id scrollInit("wrapper"); }
主要的代码以下:jquery
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); }