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

 时间:2024-10-20 16:29:27

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 弹出层的滚动条怎么隐藏

C#DataTable如何设置某一行的颜色 【MySQL教程】如何建立数据库 怎么用set命令查看环境变量 如何用jquery取得table的总行数 怎样用js修改div标签的样式
热门搜索
开运竹图片 牛郎织女的图片 法式美甲图片 坐爱图片 环境污染的图片