Href导航到Div标签

时间:2016-06-16 05:54:09

标签: javascript jquery html asp.net html5

在我的html页面中,有几个div标签,每个标签都有@api.multi def unlink(self): #how to call the old api here return models.Model.unlink(self) <fieldset>。通常我们使用href进行从1页到其他页面的导航

我想从一个div标签导航到另一个div使用 HREF。任何人都可以帮助我,我该怎么做。

3 个答案:

答案 0 :(得分:1)

所有你必须使用id并将它附加到像这样的标签

&#13;
&#13;
.container{
  height: 500px;
  padding-top: 20px;
}
.nav{
  position: fixed;
  }
&#13;
<div class="nav">
  <a href="#s1">section 1</a>
  <a href="#s2">section 2</a>
  <a href="#s3">section 3</a>
  <a href="#s4">section 4</a>
  <a href="#s5">section 5</a>
  <a href="#s6">section 6</a>
 </div>
<div class="container" id="s1">
  <h1>Section 1</h1>
</div>
<div class="container" id="s2">
  <h1>Section 2</h1>
</div>
<div class="container" id="s3">
  <h1>Section 3</h1>
</div>
<div class="container" id="s4">
  <h1>Section 4</h1>
</div>
<div class="container" id="s5">
  <h1>Section 5</h1>
</div>
<div class="container" id="s6">
  <h1>Section 6</h1>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

点击Jump会转到div#anchor1

<a href="#anchor1">Jump</a>
<div id="anchor1">Your content goes here</div>

https://jsfiddle.net/1pwo1gqb/1/

答案 2 :(得分:0)

正如@sandeep Nayak解释的那样,

 <div id="div1"> some data <a href="#div2">Go to div 2</a> </div>
 <div id="div2"> some data <a href="#div1">Go to div 1</a> </div>