在线客服与您一对一交流
当前位置: 主页 > 行业新闻 > IT技术 >

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  

相关文章:

  • window.location.origin(?前边的URL) 如果有端口号,含端口号 结果如下: http://www.it2168.com:8080 window.location.origin兼容问题 if (!window.location.origin) { window.location.origin = window.location.protocol + // + window.l...

  • 收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家。 ******************************************************************************* 一、国外插件 ace 版本:1.2.3au 官网:https://github.com/ajaxorg/ace-bu...

  • 懒加载插件 new AnimOnScroll(document.getElementById(grid), { minDuration: 0.4, maxDuration: 0.7, viewportFactor: 0.2 }); /*AnimOnScroll.js*/ /** * animOnScroll.js v1.0.0 * http://www.codrops.com * * Licensed under the MIT license. * http://www.op...

  • 为什么要用classie.js classie是一个 awesome,lightweight script。 用来添加,移除,toggleDom元素的类。那为什么不用jquery呢, 因为jquery相对于这几个简单的功能太冗余了(just too bloated for your needs)。 clas...

  • breakpoints.js 版本:0.4.2 官网:https://github.com/amazingSurge/breakpoints.js/ 许可:GPL 依赖:jQuerys DataAPI:无 功能:用于响应式布局设置断点 Breakpoints();...

  • 用来兼容jquery1.7 版本, jquery版本之间有一些方法可能不同或废弃,会有报错, 可以引入一个 jquery-migrate.min.js 来兼容。 比如1.9版本对于 live(),die(),toggle(),sub(),$.browser 等等都已经不支持了...

  • 1.breakpoints.js是什么? breakpoints.js是一个jQuery插件。定义响应性设计的断点,Breakpoints.js 将在浏览器进入和/或者退出断点时消除自定义事件。 breakpoints下载文件夹中readme.txt文件中有这么一句话...

  • 免费网站建站,免费建站,免费做网站,有人需要免费建站,有人能提供免费建站。截止至2018年6月,据统计,中国的网民数量已经达到了8.02亿之巨。巨量的网民催生出的网站需求可想而知,而...

  • 明确企业网站建设之主题,要沟通、商讨、理解企业为什么要建立这个网站,需要这个网站实现怎么样的一个功能或价值,比如:宣传企业形象、推广企业产品、运营平台、服务客户型网站,...

  • %{QUERY_STRING} 服务器变量%{QUERY_STRING}可以获取查询字符串内容。也就是链接问号后面的内容 %{HTTP_HOST}获取域名,是一个服务器变量,可以获取访问的域名 ^(.*)$获取URL除去协议、域名和查询字符...

  • 公司:西安蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信:187 2951 9978
  • Q Q: 136 8888 63 点击这里给我发消息
  • 地址:西安市雁塔区唐延南路11号逸翠园i都会