2017-10-12 90 views
0

嘿家伙我正在寻求帮助,如果我正在做我的代码权利,我想页面跳转到同一页上的一节,但每次我点击这些链接什么也没有发生。Html页面跳转从

<div align= "center" id="topdiv"> 
<a href="resta.html">|HOME|</a> 
<a href="#pasta" id="back"><b>|PASTA DISHES|</b></a> 
<a href="#pizza"><b>|PIZZA DISHES|</b></a> 
<a href="#sandwhiches"><b>|House Hero Sandwhiches|</b></a> 
</div> 
+0

当你说'页面跳转'时,你是在谈论跳转到同一页面的某个部分,还是加载一个新页面? –

+0

添加到相同页面的部分 – malik

+0

然后,您的'#pasta','#pizza'和'#sanwhiches'部分就此设置正确。你有没有相应的元素将这些词作为'ID'?你能不能更新你的问题来展示一个[**最小,完整和可验证的例子**](http://stackoverflow.com/help/mcve)的问题? :) –

回答

0

#pasta{ 
 
    width: 100vw; 
 
    height: 600px; 
 
    background: pink; 
 
} 
 

 
#pizza{ 
 
    width: 100vw; 
 
    height: 500px; 
 
    background: skyblue; 
 

 
} 
 
#sandwhiches{ 
 
    width: 100vw; 
 
    height: 700px; 
 
    background: lightgray; 
 
}
<div align= "center" id="topdiv"> 
 
<a href="resta.html">|HOME|</a> 
 
<a href="#pasta" id="back"><b>|PASTA DISHES|</b></a> 
 
<a href="#pizza"><b>|PIZZA DISHES|</b></a> 
 
<a href="#sandwhiches"><b>|House Hero Sandwhiches|</b></a> 
 
</div> 
 

 
<div id="pasta"> 
 
    PASTA 
 
</div> 
 
<div id="pizza"> 
 
    PIZZAA 
 
</div> 
 

 
<div id="sandwhiches"> 
 
    SANDWidthweradfsdf 
 
</div>

你可以这样。