在css页面内滚动窗口类似于框架或固定下拉菜单

Question

我不太确定如何解释它，但我一直在寻找无处可寻。请帮帮我。我在大学里学习CSS但是有点生疏。我想拥有我的古生物学网站，以便我在左边有恐龙名称作为可滚动选项。我的旧版本的网站是HTML，它是在框架中。人们喜欢这些框架导致主页在搜索恐龙名称时没有受到影响。在新的CSS中，整个页面移动。此外，当我在列表中添加恐龙或3时，我不想将其单独添加到超过30页的恐龙中。我想编辑一个页面，让它影响所有页面。

我为恐龙创建了一个独立的页面 - ＆gt; dino_list.php 但是不好意思我不知道该怎么做。我猜这是一个“包含”代码吗？

你能帮帮我吗？

继承人的网址...... http://DinosauriaOnline.com

谢谢， 文斯

Answer 1

  

我想拥有我的古生物学网站，以便我拥有恐龙   左侧的名称作为可滚动选项。

要使您的恐龙列表可滚动，请为其指定#dino-list等ID，然后使用CSS为其指定固定高度。然后在CSS中设置overflow: scroll。这会缩小列表，切断一些内容，然后告诉浏览器它应该有一个滚动条来访问截止内容。

#dino-list {
    overflow-y: scroll;
    height:200px;
}

这产生了这个：

添加固定高度非常重要 - 否则浏览器会假设您想要显示整个列表，和都有滚动条。

  

我为恐龙创建了一个独立的页面 - ＆gt; dino_list.php但是我不知道该怎么办。我猜这是一个“包含”代码吗？

烨。

include "dino-list.php";

将它放在您想要列表的位置。这样做需要dino-list.php并将内容转储到您放置该行的任何位置。因此，如果您在dino-list.php中将列表作为HTML列出，则只要放置include "dino-list.php";，它就会被放入主代码中。

因此，dino-list.php可能如下所示：

<ul id="dino-list">
    <li><a href="Acrocanthosaurus.html">Acrocanthosaurus</a></li>
    <li><a href="Velociraptor.html">Velociraptor</a></li>
</ul>

和index.php可能如下所示：

<div id="sidebar">
    <h2>Dinosaurs</h2>
    <div class="sidemenu">
        <?php include "dino-list.php"; ?>
    </div>
    <h2>Cretacious Non Dinosaurs</h2>
    <!-- rest of sidebar here -->
</div>

关于include的一件事 - 它实际上取得了源文件中的所有内容，并将其转储到您的代码中。如果在dino-list.php中包含PHP代码，则将在主文件中运行。