插件描述：侧边滑出插件适合于移动端
侧滑弹层插件--mSlider.js
用法：
引入mSlider.js
<script src="mSlider.js"></script>
new一个实例：
var demo = new mSlider({dom: "#xxxx"})绑定方法:
demo.open()
参数：
| 属性 | 说明 | 举例 |
| dom | 容器节点(必填) | 如："#xxx" 、 ".xxx" |
| distance | 弹层宽度(选填，默认"60%") | 支持：px|%|auto |
| time | 自动关闭时间(选填，默认不关闭) | 单位毫秒，如"2000" |
| zIndex | 层级(选填,默认100) | |
| direction | 弹出方向(选填，默认"left") | "left":从左弹出，"right":从右弹出，"top":从上弹出，"bottom":从下弹出 |
| maskClose | 点击遮罩关闭弹层(选填，默认true) | |
| callback | 关闭时回调函数 |
方法：
| 方法名 | 说明 | 举例 |
| .open() | 打开弹窗 | 如：xxx.open() |
| .close() | 关闭弹窗 | 如：xxx.close() |
PREVIOUS:
NEXT:
相关插件-弹出层,其他导航
flavr―超级漂亮的jQuery扁平弹出对话框
flavr是一个时尚的扁平弹出对话框为您的下一个网站。flavr是响应设计布局，能够适应任何屏幕大小。得到最好的用户体验,使用流行的animate.css动画，最重要的是,flavr可以运行在任何新的浏览器IE8(+),任何设备和屏幕大小。
弹出层
讨论这个项目（17）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
rxpnc331 0
2018/12/14 13:01:09
-
请问 “点开层后再次通过按下按钮关闭层” 要怎么实现? 因为把按钮固定在了屏幕底端，点开层之后按钮不会被遮盖，所以需要按钮有个关闭的功能。望赐教。
jie40380
2018/12/15 14:32:28
-
生成的实例上有close()方法可以关闭。
戒Ｓè 0
2018/12/11 18:13:57
-
求问 引用js后会提示addEventListener is not a function，怎么解？
jie40381
2018/12/11 18:21:24
-
addEventListener有兼容问题，兼容IE的话要配合使用attachEvent。
demo中只简单使用了addEventListener。
我记得插件里我作了兼容。
15201633214 0
2018/10/28 21:15:01
-
弹出层内容过多怎么滑动啊，而且往下滑并不是弹出层再往下滑动，是被遮盖住的内容往下滑动
jie40380
2018/11/16 14:06:35
-
内容区域滚动，请单独添加overflow-y:auto属性。
Heart Time0
2020/4/20 12:23:20
你好，我设置了overflow-y:auto属性。不好用啊
<div class="wrap">
<div class="layer-bottom">
<div class="tab-panel-item tab-active" id="datalist" style="overflow-y:auto">
<a href="javascript:;" class="jq22-flex" v-for="(data,index) in jifenlist" :key="data.id">
<div class="jq22-price-nub">
<div class="jq22-digit">
<h2><em>￥</em>{{data.money}}</h2>
</div>
<div class="jq22-full">
无门槛
</div>
</div>
<div class="jq22-flex-box">
<h2>{{data.titile}}</h2>
<h3>{{data.startime}}~{{data.endtime}}</h3>
<button @click="gobuy(data)">立即领取</button>
</div>
</a>
</div>
</div>
</div>
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
