本插件是对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);
    }

XIAOYI
243 声望4 粉丝

努力的童工!


« 上一篇
Grunt学习