如何编写滚动窗口以保持每页的某个链接

时间:2013-12-17 00:00:17

标签: html css

this page上,我想让我的滚动恐龙名称窗口专门将恐龙的名字保持在顶部,这样人就不必一直向下滚动到下一个恐龙。

我也想知道是否有更简单的方法来执行此窗口。

我的困境就是这个......

我这里有30多只恐龙。每次我添加一个新的恐龙页面时,我都必须更新每一个恐龙页面以添加一个新的恐龙。它不是真正有效的时间......有没有更好的方法而不必使用框架?

我的代码已打开,因此您可以查看它并根据您的需要进行修改。

谢谢! 文斯

3 个答案:

答案 0 :(得分:0)

此时我建议你去服务器端代码。由于您有30个恐龙,使用服务器端脚本(如 PHP ASP.NET )从数据库加载恐龙会更容易创建和维护一个简单的页面。

什么是服务器端脚本?
服务器端脚本允许您在用户请求页面时动态生成页面。例如,访问youtube的搜索页面。他们不是为每个可能的搜索词生成一个单独的页面,而是在那里只有一个基本模板,然后他们根据搜索查询获取相关结果。这同样适用于您的网站。您可以为所有恐龙提供一个页面,您只需根据网址加载相应的恐龙。

一旦你这样做,把当前的恐龙放在页面的顶部将是一项微不足道的任务。由于您似乎已经掌握了相当多的HTML知识,因此您可以轻松地选择并使用某些PHP。 Codecademy有一些很棒的教程。

答案 1 :(得分:0)

与Kevins一样回答,但更具体地说,我建议你研究一下PHP MVC框架,例如CakePHPLaravelCodeIgniter

您已经完成了手动构建这些页面的所有艰苦工作,这非常耗时。

一旦你学习了其中一个框架,你就会在一天内重建这个网站。

答案 2 :(得分:0)

如果您的链接上有id个属性,则可以通过链接到#whatever将列表滚动到某个位置。这是一个链接的快速代码示例。

<li id="camarasaurus"><a href="Camarasaurus.html#camarasaurus">Camarasaurus</a></li>

以下是一个小例子:http://jsbin.com/ExExEvAB/1/edit?html,css,output

至于使管理更容易,我会研究PHP,因为它可以广泛使用,并且有大量的资源需要学习。当你基本上寻找的是<?php include "dinosaur-menu.html" ?>,因为你正在考虑框架。你可以让它更容易,但仅此一点就可以让它更容易更新。

我最近真的开始享受Mixture。它非常适合原型制作,在我看来,它完全适用于你在这里尝试做的事情。