2017-08-30 78 views
0

我可以说我的网页上的4个部分。每个部分都有一个下拉箭头链接,该链接放置在链接到对方01​​的部分标记<section></section>内的<a></a>标记中。链接到另一节在同一页

由于某种原因,我的第一个下拉式标签无法正常工作。我只是不能解释为什么,我错过了什么?

我觉得好像是错过了拼写id或错误地放置了a标签,但所有的东西都看起来很正确,让我感到困惑。

这是我的代码:

<section> 
 

 
    <section id="home"> 
 
    <div> 
 
     <section id="top"> 
 
     {content} 
 
     </section> 
 

 
     <a href="#section1" class="slidTonext"></a> 
 

 
    </div> 
 
    </section> 
 

 
    <section id="section1"> 
 
    <div> 
 
     <section id="mid"> 
 
     {content} 
 
     </section> 
 

 
     <a href="#section2" class="slidTonext"></a> 
 

 
    </div> 
 
    </section> 
 

 
    <section id="section2"> 
 
    <div> 
 
     <section id="bot"> 
 
     {content} 
 
     </section> 
 
    </div> 
 
    </section> 
 

 
</section>

出于某种原因href="#section1"不工作,但随后部分波纹管href="#section2"确实工作。困惑,我可以在这里错过什么?

+1

原因必须是其他地方(js/html/css)你显示的作品没有任何问题。看到这里:https://jsfiddle.net/m5ug0omy/ – caramba

+0

最有可能是正确的@caramba,我只是在'

>内的第一个'div'上添加了一个'id',标签的'id'。生病有更深入的了解。仍然很困惑。 – Ylama

+0

请参阅https://designshack.net/tutorialexamples/ScrollLinks/internallinks.html#headline4 – anu

回答

2

尝试更改名称第1节为其他内容。

+0

你们不会喜欢这个,但出于某种原因,我不是唯一一个在这些文件上工作的人,该部分的php代码在它在我的编辑器中并没有全屏显示,并且将部分分成了几部分,在阅读完本文后,我试着改变并意识到该部分有2个“id”。问题解决了。所以这是一个flippen基本的html错误,谢谢。 – Ylama