演示解决body长度超出window时,slider的冲突问题

css类,dom嵌套规则

一个侧边栏必须由两层dom嵌套,外侧元素必须带有名为aslider的css类,内层元素必须带有名为wrapper的css类

标签不带有任何限制

.aslider

这个css类,是滑动侧边栏的根类

.wrapper

这个css类,是滑动侧边栏内容的包裹器,具体内容在这里填充,并且其实现了滑动特效。可以改变其大小,如宽度,实现各种风格的侧边栏

.close

加入了close的类,点击后就会关闭滑动侧边栏

.bg

插件自动生成的背景层,用来实现渐入渐出特效,默认color是黑色,透明度0.4,可根据实际需求覆盖css

竖直方向拖动

为解决当前线上侧边栏竖直拖动的bug,自带竖直方向拖动功能

test

test

test

test

test

test

test

test

test

test

test

test

test

test

test

test

test

data属性

data-aslider属性(必填)

data-aslider属性,是滑动侧边栏的标识,请保持此标识的值唯一

data-aslider-in属性(必填)

data-aslider-in属性,是用来标识滑动侧边栏关联对象的属性,将其值指向一个data-aslider,即可形成关联关系

data-aslider-fade (选填)

可选属性data-aslider-fade,若aslider有这个属性,则会出现背景渐变特效

也可以通过控制aslider的宽高,达到滑动侧边栏不影响底层的效果