HTML内联浮点:溢出中的左元素:隐藏容器-如何判断它们是否';re';可见';?

HTML内联浮点:溢出中的左元素:隐藏容器-如何判断它们是否';re';可见';?,html,inline,Html,Inline,我有一个固定宽度/高度的DIV,是“Overflow:Hidden”,包含很多img,分别是“Display:Inline”和“Float:Left” 显然,只有前几个图像是“可见的”——其余的图像消失在非常非常宽的DIV的“隐藏”区域中 如果这是一个带有非内联元素的可滚动DIV,我可以很容易地实现一个系统,让img在“可见”之前不加载其“src”——但我找不到一种方法来确定内联d和浮动:左d图像的“真实”位置——例如,无法判断它们是否在DIV的“可见”部分 有什么想法吗?像偏移量和CSS左/上

我有一个固定宽度/高度的DIV,是“Overflow:Hidden”,包含很多img,分别是“Display:Inline”和“Float:Left”

显然,只有前几个图像是“可见的”——其余的图像消失在非常非常宽的DIV的“隐藏”区域中

如果这是一个带有非内联元素的可滚动DIV,我可以很容易地实现一个系统,让img在“可见”之前不加载其“src”——但我找不到一种方法来确定内联d和浮动:左d图像的“真实”位置——例如,无法判断它们是否在DIV的“可见”部分

有什么想法吗?像偏移量和CSS左/上都是0(很明显)

p、 为了加强这个问题,我想做的是(在jQuery中,因为我是这样想的!)

p、 顺便说一句,我觉得我可以“计算宽度”——假设我可以把元素按顺序排列好——就像这样

var width = $("#container").width();
var sofar = 0;
var imgs = $("#container img");
var idx = 0;
while (sofar < width) {
  var img = $(imgs[idx]);
  img.dowhatsoeverIwanthere
  sofar += img.width();
  idx++;
}
var-width=$(“#容器”).width();
var-sofar=0;
var imgs=$(“#容器img”);
var-idx=0;
while(sofar<宽度){
var img=$(imgs[idx]);
我是Dowhatsoeveriwan
sofar+=最小宽度();
idx++;
}

它很粗糙,但假设它以正确的顺序返回元素(而且似乎是这样),它会工作…

您尝试过绝对位置吗?我是说,据我所知,你想在x中滚动

因为您可以通过jQuery判断左大于x且小于x-x的图像在达到该条件之前不显示任何内容

如果使用div scroll-x或jQuery.css()、.fadeIn()、.hide()等,我不清楚您希望如何滚动


我认为Rajat评论了您需要的内容

经过大量调查后,我得出结论,您无法通过FLOAT:ed元素可能具有的任何属性来确定它们是否位于滚动div的可见部分

您可以通过将其宽度/高度相加来计算其位置,然后查看此“位置”是否在可见区域内,但没有其他方法来确定其“可见性”


这并不完全令人惊讶——它们的动态布局是有原因的——计算它们的位置并不困难……

这只会告诉我是否有溢出的元素,而不是它们是哪些元素……我无法控制div的内容,但我不需要重新布局内容,只是为了找出元素的实际位置!?您可以通过.attr()或.css()找到元素的实际位置,而无需重新布局不可以-它们是内联/浮动:左元素,它们没有css左/顶-无偏移-无位置(相对于左侧项目的0,0除外)
var width = $("#container").width();
var sofar = 0;
var imgs = $("#container img");
var idx = 0;
while (sofar < width) {
  var img = $(imgs[idx]);
  img.dowhatsoeverIwanthere
  sofar += img.width();
  idx++;
}