如何在html中只查看一个部分

时间:2014-01-24 21:01:37

标签: html5

有人可以帮我一些事情。我正在建立一个网站,它包括html5。我不明白的是使用<section>函数。

预览

<section id="1">
    <a href="#2">click her to go to section 2</a>
</section>

这是第2节

<section id="2">

<!-- html source where <p> and etc will go -->

</section> Closed Section

上面的部分是我只想在网页上看到而不是显示第2部分。它非常像在1中有很多页面而没有重新加载或向下滚动。

在我的CSS中我已经锁定了滚动条,并且我尝试了很多东西使该部分只显示在网页上。我有点学习新的html5功能,现在正在体验这些事情

http://jsfiddle.net/K2w49/

1 个答案:

答案 0 :(得分:0)

我觉得你对功能是什么感到困惑。 <section>是HTML5 元素。没有涉及的功能。

如果你正在谈论拥有一个无缝的全屏界面(即它们永远不会滚动,新的东西只是加载类似于Flash应用程序),那么你使用什么html容器并不重要(即div,section, )

例如......

<div class="wrapper">
  <section id="slide-1" class="slide">
    <!-- content -->
  </section>
  <section id="slide-2" class="slide">
    <!-- content -->
  </section>
</div>

然后最大化包装器并为其附加绝对值或固定值...

以下是您的要求:http://jsfiddle.net/K2w49/7/

如果您要获得大量内容,则应根据需要使用AJAX加载并稍稍更改脚本。