标签：

LM-diyScroll.js

PC自定义滚动条组件，零依赖！

github地址：http://dtdxrk.github.io/LM-diyScroll/

CDN

http://dtdxrk.github.io/LM-diyScroll/LM-diyScroll-min.js

Demo

实例演示

USE

生成一个有滚动条的实例

var box = new LM_diyScroll({
	id:‘box‘,
	viewHeight:300
});

显示滚动条

box.barShow();

隐藏滚动条

box.barHide();

跳转到指定的number位置

box.jumpScrollTop(number);

销毁插件

box.destroy();

重置实例(比如:修改了内容高度或者可视高度)

box.reset();

修改viewHeight的高度(修改后需要reset一下)

box.setViewHeight(nummber).reset();

API

参数

var box = new LM_diyScroll(arguments);

arguments{
	@id : string 元素id *必填
	@viewHeight : number 可视高 *必填
	@dis : number 滚动距离
}

CSS Style

//滚动条
容器 .LM-diyScroll{...}

//滚动条bar
容器 .LM-diyScroll-bar{...}

LM-diyScroll.js PC自定义滚动条组件

标签：

原文地址：http://www.cnblogs.com/dtdxrk/p/4593102.html