养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

layer 弹出层的滚动条怎么隐藏

时间:2024-10-20 20:53:08

layer是一款非常好用的门钙蹲茌js组件,可以进行各种弹窗的效果,比如消息layer.msg。在使用layer的过程中,我们常常会发现弹出层有滚动条,那么如何关闭滚动条呢?

layer 弹出层的滚动条怎么隐藏

工具/原料

layer.js

方法/步骤

1、首先我们在页面引入layer的js文件,这样我们在使用时,可以直接调用layer的方法即可

layer 弹出层的滚动条怎么隐藏

2、然后我们在dom文件中写一个div,将div的样式设置为overflow:hidden,layer弹出层使用该div即可。

layer 弹出层的滚动条怎么隐藏

3、在js相应位置,调用layer.open方法弹出该div元素,content变量为div元素的引用值

layer 弹出层的滚动条怎么隐藏

4、如果想要关闭滚动条,需要将scrollbar属性设置为false,如下图所示

layer 弹出层的滚动条怎么隐藏

5、我们通过google浏览器看下效果,下图为scrollbar属性设置为false的效果。

layer 弹出层的滚动条怎么隐藏

6、我们訇咀喃谆将scrollbar属性设置为true,然后再看下效果,如下图所示,也可以通过content:[url,'no']来达到效果

layer 弹出层的滚动条怎么隐藏

© 一点知识