导航:设置页面锚标记(javascript或css)

时间:2014-04-03 21:07:53

标签: javascript jquery html css

新手在这里尝试为下周开始的春季课程建立一个模板。一切都按预期工作,除了当我点击雪佛龙(小向下箭头)时,页面不会像希望的那样滑动到元素。如果我将第一个赋值的id设置为'profile'它将起作用,否则如果我将它作为'a01'进行赋值01'它不起作用我必须手动向下滚动到第一个赋值不是良好的用户体验。

我想知道这是如何发生的,因为我实现它的方式我错过了一些东西,因为当我点击箭头时它不会像希望的那样向下滚动。我认为它与使用的javascript文件有关,我知道的很少,但我想。一旦我明白了,我相信我可以创建一个漂亮的短标签并用php调用我想要的那种锚,但是现在我想让它向下滚动到a01 div。

请参阅:http://kirby.max-o-matic.com

请参阅:http://www.kirby.max-o-matic.com/itc216/

我相信我在javascript中设置了错误,因为在javascript中创建了锚标记(我认为)。

我试图像我一样具体,但我是一个新的,并在我为即将到来的课堂作业制作这个网站的过程中突破了我所理解的界限。

感谢您提供的任何帮助或指导。

2 个答案:

答案 0 :(得分:1)

您的div的ID为a010,因此您需要将其放入锚标记中。当我用#profile加载itc216页面时,我看不到它真的有效。

<a href="#a010">a010</a>

答案 1 :(得分:1)

kirby.max-o-matic.com/itc216/更改:

<a href="#profile" class="scroll-down">

为:

<a href="#a010" class="scroll-down">