从div

时间:2017-10-12 00:56:13

标签: html html5

嘿伙计们,我正在寻求帮助,如果我正在做我的代码,我希望页面跳转到同一页面上的部分,但每次点击这些链接都没有任何反应。

<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>

1 个答案:

答案 0 :(得分: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>

你可以这样做。