博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
自定义滚动条插件
阅读量:6879 次
发布时间:2019-06-26

本文共 743 字,大约阅读时间需要 2 分钟。

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

转载地址:http://gvgfl.baihongyu.com/

你可能感兴趣的文章
全局作用域中,用const和let声明的变量去哪了?
查看>>
测者的测试技术手册:Junit执行单元测试用例成功,mvn test却失败的问题和解决方法...
查看>>
设计模式(二十一)状态模式
查看>>
C语言程序设计复习指导
查看>>
[Vuex系列] - Actions的理解之我见
查看>>
Susy 2 教程 — 入门篇
查看>>
Java Bean Copy 性能大比拼
查看>>
Java中的四种引用
查看>>
第二课 如何在WINDOWS环境下搭建以太坊开发环境
查看>>
浅谈QEMU的对象系统
查看>>
Python那么火,到底能用来做什么?我们来说说Python3的主要应用
查看>>
React入门小记
查看>>
有关二维码防封的问题的解决办法
查看>>
iOS 内存字节对齐
查看>>
Leetcode 611 javascript Valid Triangle Number
查看>>
ES6新特性总结之函数和扩展运算符...
查看>>
[译] Android 生命周期备忘录 — 第三部分:Fragments
查看>>
UICollectionView(集合视图学习笔记)
查看>>
Android TabLayout设置setupWithViewPager标题不显示
查看>>
Mobx入门和较佳实践
查看>>