layer.js open 隐藏滚动条的例子

今天长沙网络推广带来一篇关于layer.js的实用示例，通过open方法实现了隐藏滚动条的效果。相信这个示例会对大家有所帮助，现在就跟随长沙网络推广一起来看看吧。

让我们直接来看代码吧！

当您点击带有类名"echart-trand"的图片时，会触发以下代码：

```javascript

$('img.echart-trand').click(function() {

var host = $(this).data('host');

var role = $(this).data('role');

console.log('host', host);

console.log(window.width);

var labeltitle = host;

if(role == 4) labeltitle = $(this).data('title');

var width = $(window).width() + "px";

var height = $(window).height() + "px";

layer.open({

type: 2, // iframe层类型

title: labeltitle + ' - 投放关系图', //窗口标题

shadeClose: true, //点击遮罩层关闭弹窗

move: false, //是否允许拖拽

scrollbar: false, //隐藏滚动条（父页面的滚动条）

area: [width, height], //设置弹窗大小

content: ['/home/index/echartTest?role=' + role + '&wd=' + host], //弹窗内容，这里是一个echarts测试的页面链接，带role和wd参数

});

});

```

这段代码中，通过layer.open方法创建了一个iframe类型的弹窗，通过设置`scrollbar: false`来隐藏父页面的滚动条。你可以设置弹窗的标题、大小和内容等属性。这样一来，当你在网站上点击一张带有类名"echart-trand"的图片时，就会弹出一个没有滚动条的窗口，展示相关的图表内容。这对于展示一些需要全屏观看的图表或者内容非常有用。希望这个例子能给大家提供一些启示和帮助。

以上分享的就是长沙网络推广为大家带来的layer.js open隐藏滚动条的示例内容。感谢大家的支持，也请大家多多关注狼蚁SEO。记得执行`cambrian.render('body')`以完成页面的渲染。