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

2026-04-23 18:14:29

我就废话不多说了，直接上代码让大家看看吧！

$('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,
  title: labeltitle + ' - 投放关系图',
  shadeClose: true,
  move: false,
  scrollbar: false, // 父页面 滚动条 禁止
  // maxmin: true,
  area: [width, height],
  // content: ['/home/index/echartTest?role=2&wd='+host,'no'], //ifrma 滚动条 禁止显示 页面
  content: ['/home/index/echartTest?role='+role+'&wd=' + host],
 });
});

以上这篇layer.js open 隐藏滚动条的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

layer弹出层 iframe层去掉滚动条的实例代码

如下所示: function newcont(url) { var index = layer.open({ title:false, type: 2, shadeClose: true, scrollbar: false, content: [url , 'no'] }); } 试了很多方法最后发现layer的手册上就有,传入url的时候直接在后面加一个"no"就可以屏蔽掉滚动条... 以上这篇layer弹出层 iframe层去掉滚动条的实例代码就是小编分享给大家的全部内容了,希望
layer.js open 隐藏滚动条的例子

我就废话不多说了,直接上代码让大家看看吧! $('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')
layer.js之回调销毁对话框的例子

layer.js弹出层给我们封装了基本的销毁按钮,如图所示: 当我们点击确定按钮时,如何我们没有写点击确定按钮的回调函数,layer的内部会给我们一个默认的效果就是让对话框消失.but!有时候我们根据业务的需要还需要在点击确定按钮的时候让程序悄悄地给我们干点事情,然后让对话框消失,那么如何让对话框消失呢?这就需要我们让程序自动调用上面提到的销毁按钮的事件. 代码如下: //查询失败提示 failSearch:function (messager) { layer.open({ content:m
微信小程序 scroll-view隐藏滚动条详解

一:scroll-view隐藏滚动条在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法: scroll-view.wxml: scroll-view.wxss scroll-view.js 最终显示效果如下; 注意: (1)不能在scroll-view中使用textarea,mao,canvas,video组件 (2)scroll-init-view的优先级高于scroll-top (3)onPullDownRefresh事
原生js实现模拟滚动条

当页面中有很多滚动条,它们相互嵌套,很不好看,这时就会模拟滚动条,并给这个滚动条好看的样式,使得页面美观. 模拟滚动条很多时候是去用jquery插件,然后写几行代码就搞定了.不过随着mvvm的快速发展,很多时候都懒得用jquery了,这就是本文的动机,本屌力求用简单的不依赖jquery只依赖mvvm(avalon) api的代码,完成一个简易的滚动条. 要求: 1.鼠标滚轮可以让滚动条工作,界面滚动 2.鼠标可以拖动滚动条并让界面滚动 3.页面resize时,滚动条根据页面尺寸变化,仍然可以工作
原生JS实现自定义滚动条效果

本文实例为大家分享了JS实现自定义滚动条的具体代码,供大家参考,具体内容如下实现思路: 1.外层设置一个div,在外层的div里面设置一个特别高的div(高度为外层5个div的高度),在高的div里面设置5个div,每个div的高度,都和父级的高度相同 2.在外层div的右侧边框以里自定义一个滚动条,(本人用div设置样式作为滚动条) 3.最外层的div添加onmousewheel事件,使用e.wheelDelta来获取每次滑动的距离,若为正数则向上滑动,将每次增加的数,赋给滚动条的top值,
学习使用jquery iScroll.js移动端滚动条插件

大家在日常工作中最常用的插件是什么,jQurey?Lazyload?但是这些都是在PC端,但是在移动端最常用的插件莫过于iScroll了,iScroll到底是什么东西,应该怎么用?iScroll是个很强大的插件,我也只是略懂皮毛,这里我们简单的介绍一下. iScroll的产生: iScroll的产生完全是因为移动版webkit浏览器,例如在iPhone,Android 的移动设备上. iScroll的使用方法: iScroll的原理是外层有一个溢出隐藏(overflow:hidden;)的DOM
js获取隐藏元素宽高的实现方法

网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了. 例如: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>test</title> </head> <bo
Layui Table js 模拟选中checkbox的例子

思路,根据 data-index 找到点击到的tr,获取tr下的 div,js 模拟点击 function iniTable() { layui.use('table', function(){ var table = layui.table; //展示已知数据 table.render({ elem: tableid ,cols: [[ //标题栏 {type:'checkbox',id:'goodsLimitSeqNo'} , {field: 'goodsLimitSeqNo', titl
jQuery iScroll.js 移动端滚动条美化插件第1/5页

官网:http://cubiq.org/iscroll-5 demo: 滚动刷新:http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ 'Carousel' demo iScroll功能很强大,目前我只用来自定义滚动条以下简单介绍一下iscrol在移动端自定义滚动条时的使用和注意事项. 一.用法 iScroll对要滚动的元素进行初始化,且不限制一个页面中使用iScroll的元素个数. 使用iScroll时,DOM树的结构要足够
原生js实现自定义滚动条

本文实例为大家分享了js实现自定义滚动条的具体代码,供大家参考,具体内容如下 1.HTML文件 div1是滚动条,div2是滚动小球,div3是文本区域容器,div4是文本区域. <div id="div"> <div id="div1"> <div id="div2"> </div> </div> <div id="div3"> <div id=&

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

相关推荐

随机推荐