matchHeight使所有选定元素的高度完全相等 jQuery响应式匹配高度组件
matchHeight使所有选定元素的高度完全相等。
尽管这曾经是一个棘手的问题,但如今建议在可能的地方使用CSS Flexbox和CSS Grid,尽管该库对于旧版浏览器仍然有用。
特征
自动匹配元素组的高度
使用最大高度或定义特定的目标元素
页面上的任何地方以及DOM中的任何地方
响应式(有关窗口大小调整的更新)
行意识(处理浮动元素和包装)
占box-sizing和混合padding,margin,border值
处理图像和其他媒体(加载后更新)
支持隐藏或不可见的元素(例如,标签控件内的元素)
调节以平衡性能和平滑度
在需要时轻松移除
保持滚动位置
数据属性API
回调事件
在IE8 +,Chrome,Firefox,Chrome Android中进行了测试
用法
$(function() {
$('.item').matchHeight(options);
});
其中options是可选参数。
默认options值为:
{
byRow: true,
property: 'height',
target: null,
remove: false
}
byRow是true或false启用行检测
property是要设置的CSS属性名称(例如'height'或'min-height')
target 是要使用的可选元素,而不是具有最大高度的元素
remove是true或false删除以前的绑定而不是应用新的绑定
手动触发更新
$.fn.matchHeight._update()
删除绑定
$('.item').matchHeight({ remove: true });
https://www.npmjs.com/package/jquery-match-height#custom-target-element
相关文章:
-
帝国CMS是什么程序 帝国CMS是一套开源的静态页面程序,凭借超高的扩展性,很多知名的新闻站点、行业站点都是应用的帝国CMS后端。因为帝国CMS和dedecms一样都是生成静态页面的,所以非常利于...
-
域名解析DNS分为显性URL和隐形URL,显性URL和隐形URL有什么区别?隐形URL和显性URL哪个更有利于SEO?显性URL相当于域名了302重定向,隐形URL使用iframe框架技术隐藏真实目标地址,显性URL更有利于...
-
在常见的CMS系统中,我对dedecms算是比较熟悉的,自己网站用的也是这个系统。系统功能强大使用灵活,相信这也是它受到大多数中小站长青睐的原因。 再好的系统也有照顾不周的地方,很多站...
-
这篇文章主要为大家详细介绍了dedecms后台增加php导出excel功能实现办法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。 不少朋友希望织梦的后台...
-
第一次使用的插件是 pdfobject.js 百度网盘下载地址:http://pan.baidu.com/s/1kUPhYdT 加载 script src=/style/js/pdfobject.js /script script type=text/javascript window.onload = function (){ var success = new PDFObject({ url: pdf文件地...
-
网上有一种方法是copy+unlink来移动文件,但是遇到大文件时会消耗大量时间,对性能不怎么友好,可以使用rename()来移动文件,速度非常快 关于rename()函数 bool rename ( string $oldname , string $newname...
-
基于我们公司可选的几种推广方式: 一、关键词优化排名推广(推荐) 指定关键词推广,按天付费,推广我们业务中最重要的一些关键词,达到百度首页才收费,大概一个关键词10元/天左右。...
-
插件介绍 wordpress程序网站在发布文章时可以给每一片文章添加与之相关的TAG标签,对于TAG标签可以生成很多页面,增加搜索引擎对内容的抓取量。 WP Auto Keywords插件就是一款能自动给文章添加...
-
5.7 生成列表页 改动 include/arc.listview.class.php 1.先设置 关闭副栏目(在系统----系统基本参数性能选项里) 2.一般网站不需要 栏目交叉 交叉 所以 找到94行注释掉: //获得交叉栏目ID /*if($this-Type...
-
使用preg_replace将删除所有空白(包括制表符等) $string = user na me $string = preg_replace(/\s+/, , $string); echo $string; // username preg_replace(/\s/u, ,$string) u (PCRE8) 此修正符打开一个与perl不兼容的附加功能. 模式...