应用脚本而不加载延迟

Apply a script without loading delay

本文关键字：加载 延迟 脚本 应用      更新时间：2023-09-26

我正在使用一个小的JavaScript片段将底部边缘与一个小侧边栏部分（"Hot Right Now"）与我正在处理的网站上的特色图像部分的底部边缘对齐。

脚本仅在整个 p[age 加载完毕后启动，因此，我试图对齐的部分会跳跃一点。我应该如何修改脚本以立即对齐它？

这是我正在使用的代码片段：

<script type="text/javascript">
$( document ).ready(function() {
  var leftheight = $(".featured-image a img").offset().top + $(".featured-image a img").height();
  var rightheight = $('#top-posts-2').offset().top + $('#top-posts-2').height();
  var heightgap = leftheight - rightheight;
  $('#top-posts-2').css('padding-top', parseInt(heightgap + 3, 10) + 'px');
});
</script>

删除$( document ).ready包装器，并将脚本块紧跟在它将要操作的 HTML 元素之后。您不能比这更早运行它，因为您的目标 HTML 需要位于页面中。

相关文章：