Question

我正在编写一个标题为div的网站，该网站倾斜270度并固定在页面底部;这个标题会针对每个页面进行更改，我希望内容以与页面加载时标题开始时相同的垂直高度开始。所以说浏览器是900px高，标题是500px我希望内容div的上边距为400px。使用JQuery有一种简单的方法吗？我知道你必须首先达到两个高度然后形成一个等式，但我在JQuery上太业余了。帮助

Answer 1

您可以使用以下脚本执行此操作，将#content替换为您的容器，将h1替换为固定在底部的标题元素：

<script type="text/javascript">
$(document).ready(function() {
  $("#content").css("margin-top", $(window).height() - $("h1").height());
});
</script>

但是，这仅在页面加载时设置margin-top，因此如果用户调整其浏览器窗口大小，则不会更新边距。这是为了救援（显然，再次替换元素）：

<script type="text/javascript">
$(window).resize(function() {
  $("#content").css("margin-top", $(window).height() - $("h1").height());
});
</script>

使用JQuery根据浏览器高度和另一个元素的高度设置元素上的边距

1 个答案: