【问题标题】:jquery inconsistent positioning using offset().topjquery 使用 offset().top 定位不一致
【发布时间】:2013-02-07 05:44:00
【问题描述】:

我只是想将#elementA 相对于#elementB 定位。一半的时间以一个最高值结束,一半的时间得到另一个,我不知道为什么。 #elementA 以此 CSS 开头:

#elementA {
    display: block;
    opacity: 0;
    position: absolute;
    clear: both;
    margin-left: -49px;
}

然后,在 $(document).ready() 上,我设置顶部值并将其淡入。

var p = $('#elementB').offset();
$('#elementA').css({
    top: p.top - 2
});
$('#elementA').animate({opacity: 1}, 400);

为什么我得到不一致的结果?有没有更好的方法来做到这一点?

【问题讨论】:

  • #elementA#elementB 中没有任何图片吗?
  • 尝试将<img>widthheight 属性设置为实际图像的大小。
  • 嗯,没有骰子。我还尝试将图像设置为背景图像并在 css 中设置宽度和高度。

标签: jquery position positioning offset


【解决方案1】:

我发现了问题。我认为因为我在 $(document).ready() 上执行此操作,所以我不必担心资产加载会影响定位。但事实证明,#elementA 上方的图像在没有及时加载时将其丢弃。等待 $('other image').load() 修复它。

【讨论】:

    猜你喜欢
    • 2014-02-23
    • 2015-07-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多