English 中文(简体)
我如何知道我的内容是否从纵向上翻过整页?
原标题:How do I know if my content takes up the whole page vertically?

I have a site that I ve been working on the the past couple of weeks. I have a very nice footer on it, problem is, it doesn t stay at the bottom. I ve come up with a simple solution.

如果该页数完全填满(即内容只剩下一半),则绝对位置是底层。

如果该页的过量(无意中),那么脚步就只是另一个内容。

问题在于,我不知道如何检查我的内容是否超装。 是否有办法核查文件是否纵向填满所有空间? 我认为,唯一可以检查的是,看看能否使垂直的滚动管得以实现,但我不知道如何检查。

用 j子做的回答是罚款。 感谢!

http://www.ohchr.org。

在大韩民国,我的问题显然是误解的。 索里·古斯,我不需要就如何让我的足迹落到底找到解决办法。 我需要确定有关“轴心”的数据是否过多。 我指的是我为什么需要知道这一点。 Don:p

最佳回答

采用j Query,$(window.hala(),是你如何达到观察高峰。 你可以对照你的内容高度检查这一价值:

if($("#content").height() > $(window).height()) {
    // absolute position my footer
}
问题回答

I ve used this successfully many times over: http://cssstickyfooter.com. No JavaScript needed at all.

采用像陈词法这样的标准推法。

其基本思想是,你为你的 foot子定了静态的高度。 您的网页接上浏览浏览器的顶峰。 在<代码>#content div上下台,然后把脚踏上页,负差值。

如果不看到你的超文本,就很难回答,但是如果你使用舱法,就只能使用外部。 能够在你的网页上找到这些内容的垂直大小,并将其与窗户进行比较。 身高

你们可以采用清晰的fix计。 如上所述,很难看到你的法典。 即便如此,这项工作也可以奏效。

例:

<html>
  <style>
    .clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
     }
  </style>

<body>

  <div id="content" class="clearfix">
  </div>

  <div id="footer">
  </div>

</body>
</html>

这有助于使内容从过度流入中保持下去,并使你的脚步保持在底层或低于你们的内容。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签