Jquery 当溢出隐藏时,仅获取可见图像
我有一个html结构显示为图像。当容器被设置为溢出隐藏时,是否有任何方法可以获取那些不完全可见(最后一行)的图像?我能够得到隐藏的图像Jquery 当溢出隐藏时,仅获取可见图像,jquery,Jquery,我有一个html结构显示为图像。当容器被设置为溢出隐藏时,是否有任何方法可以获取那些不完全可见(最后一行)的图像?我能够得到隐藏的图像 您可以使用此自定义选择器查找未溢出其父元素的元素: jQuery.extend(jQuery.expr[':'], { inparent: function(el) { var $el = $(el), parent = $el.parent(); if ($el.offset().top >= pa
您可以使用此自定义选择器查找未溢出其父元素的元素:
jQuery.extend(jQuery.expr[':'], {
inparent: function(el) {
var $el = $(el),
parent = $el.parent();
if ($el.offset().top >= parent.offset().top &&
$el.offset().top + $el.outerHeight(true) <= parent.offset().top + parent.outerHeight(true) &&
$el.offset().left >= parent.offset().left &&
$el.offset().left + $el.outerWidth(true) <= parent.offset().left + parent.outerWidth(true))
{
return true;
}
return false;
}
});
可以使用此自定义选择器查找未溢出其父元素的元素:
jQuery.extend(jQuery.expr[':'], {
inparent: function(el) {
var $el = $(el),
parent = $el.parent();
if ($el.offset().top >= parent.offset().top &&
$el.offset().top + $el.outerHeight(true) <= parent.offset().top + parent.outerHeight(true) &&
$el.offset().left >= parent.offset().left &&
$el.offset().left + $el.outerWidth(true) <= parent.offset().left + parent.outerWidth(true))
{
return true;
}
return false;
}
});
var$el=$(el),parent=$el.parent()代码>@YuryTarabanko发生了变化,尽管我不能说它只是删掉了几个字符1。您有全局父级。2.声明$el可以避免多次创建jQuery实例。为了获得更好的压缩和性能,我还需要缓存偏移量。:)@YuryTarabanko现在重写它的工作太多了:P我可以做几件事来提高性能,例如,早期退出结构在评估每个条件后尝试退出,而不是评估整个&&
&
如果current评估为false
,则不会评估下一个条件。这就是为什么此行不会抛出错误var a=null,b=a&&a.something
var$el=$(el),parent=$el.parent()代码>@YuryTarabanko发生了变化,尽管我不能说它只是删掉了几个字符1。您有全局父级。2.声明$el可以避免多次创建jQuery实例。为了获得更好的压缩和性能,我还需要缓存偏移量。:)@YuryTarabanko现在重写它的工作太多了:P我可以做几件事来提高性能,例如,早期退出结构在评估每个条件后尝试退出,而不是评估整个&&
&
如果current评估为false
,则不会评估下一个条件。这就是为什么此行不会抛出错误var a=null,b=a&&a.something代码>。