解决layer.open 弹框 content内容是跳转的页面，新页面会自动给弹框外部增加个iframe，导致弹框高度会有兼容问题
摘要：//如果layer.open 的 content的内容是统计目录下的其他页面，弹框外部会被iframe包裹，导致弹框的高度会有兼容问题，//解决方法：$.ajax({ url: 'aaa.html', // 替换为你的外部页面URL method: 'GET', success: function(
阅读全文
posted @
2025-01-15 11:18
zeroz
阅读(39)
推荐(0) 编辑
解决htmlcanvas遇到图片较多的复杂首页，保存截图特别慢的问题
摘要：先说问题： 在首页新增个保存部分dom截图的功能，但首页加载接口较多，图片跨域加载比较慢， 而htmlcanvas保存截图前会将整个页面渲染一遍，这就导致有些图片没加载完成，dom渲染不然，canvas保存就会延迟四五秒之久 解决方法：增加这个参数 ignoreElements: function(
阅读全文
posted @
2025-01-15 11:11
zeroz
阅读(46)
推荐(0) 编辑
swiper触摸之后不会自动轮播了 解决办法
摘要：var mySwiper = new Swiper('.actJp', { loop: true, autoplay: { delay: 800, disableOnInteraction: false， //加这句 }, slidesPerView: 4.2, spaceBetween: 10,
阅读全文
posted @
2023-08-15 16:26
zeroz
阅读(565)
推荐(1) 编辑
给id拼接变量，给nth-child()拼接变量
摘要：<div class="daic"> <p class="reward"></p> <p class="reward"></p> <p class="reward"></p> <p class="reward"></p> <p class="reward"></p></div> <p class="
阅读全文
posted @
2023-08-14 12:26
zeroz
阅读(67)
推荐(0) 编辑
swiper 缩略图(thumbs)，设置slidesPerView: 5,缩略图高亮不跟随
摘要：根据swiper官网提供的写法， thumbs（缩略图） <script language="javascript"> var thumbsSwiper = new Swiper('#thumbs',{ spaceBetween: 10, slidesPerView: 4, watchSlidesV
阅读全文
posted @
2023-07-04 11:08
zeroz
阅读(1248)
推荐(0) 编辑
解决z-index 在 ios中层级定位无效方法
摘要：首先在html中， <div class="box"> <div class="div1">我是最底层</div> <div class="div2">我是倒数第二层</div> <div class="div3">我是倒数最上层</div></div>如上边代码顺序，如果谁的定位在最上边，html
阅读全文
posted @
2021-12-24 09:20
zeroz
阅读(1205)
推荐(0) 编辑
layui 日历选中日期，自动填充
摘要：//年月选择器 laydate.render({ elem: '#test' , type: 'month' , change: function(value, date, endDate){ $("#test").val(value); if($(".layui-laydate").length)
阅读全文
posted @
2019-06-03 11:29
zeroz
阅读(1746)
推荐(0) 编辑
nth-child（n） 与 nth-of-type（n） 区别
摘要：举例： li p:nth-child(2) { ........ } 是指 li p:nth-of-type(1) { ..... } 是指 如果li 中都是同一类型的标签，nth-child（n）则是指第n个子元素 如果li 中不是同一类型的标签，nth-child（n）则是指 [父元素]的第n个
阅读全文
posted @
2018-06-14 15:51
zeroz
阅读(247)
推荐(0) 编辑
thead 固定，tbody 超出滚动（附带改变滚动条样式）
摘要：table tbody { max-height: 500px; display: block; overflow-y: auto;}table thead, table tbody tr { width: 100%; display: table; table-layout: fixed;}tab
阅读全文
posted @
2018-06-05 10:12
zeroz
阅读(2514)
推荐(0) 编辑
input[type="checkbox"] ; input[type="radio"] 改变默认样式
摘要：/*改变checkbox 默认样式*/input[type="checkbox"] { -webkit-appearance: none; /*清除复选框默认样式*/ height: 22px; width: 22px; vertical-align: middle; background: #ffffff;}input[type="checkbox"]:checked { ...
阅读全文
posted @
2018-05-30 17:39
zeroz
阅读(613)
推荐(0) 编辑
DOM对象与 JQuery对象互相转化
摘要：JQUERY对象$(“p”)转化DOM对象 $(“p”) => $(“p”)[0] / $(“p”).get(0) DOM对象又如何转化为Jquery对象，用$()包裹 document.getElementsByTagName(“p”) => $( document.getElementsByTa
阅读全文
posted @
2018-03-06 17:36
zeroz
阅读(104)
推荐(0) 编辑
div 里面加一个img 标签，div 高度会多出几像素
摘要：在写代码的时候经常遇到这样一个问题，如果div里嵌套一个img元素且div的高度是由img的高度来撑开，那么div的高度总会比img的高度多3px 可以明显看到div实际高度高出img高度3px。为了解决此问题，我们只需要给 img 添加: img ｛ display : block ｝ 原因： 原
阅读全文
posted @
2018-02-27 17:56
zeroz
阅读(587)
推荐(0) 编辑
浅理解CSS3 transform中的Matrix(矩阵)
摘要：具体关于transform属性具体内容可以点击这里补个课。稍微熟悉的人都知道，transform中有这么几个属性方法： 2、skew（30deg，0）；是按照垂直方向X轴，逆时针旋转
阅读全文
posted @
2018-02-27 17:49
zeroz
阅读(3810)
推荐(0) 编辑
