您的位置首页百科知识

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

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

的有关信息介绍如下:

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

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

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

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

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

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

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

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