Rails跳轉到頁面上的某個區域

Question

我很難找到這個答案...

我在我的視圖頂部有幾個錨標記。我希望那些簡單地鏈接（或者在這種情況下滾動）到頁面上的另一個區域。例如，如果點擊「副作用」鏈接，我希望它將它們帶到頁面上的副作用位置，當然不會重定向。

什麼是最好的方式去做這件事？ JavaScript的？

這裏是我的觀點：

<div class="quick_links well"> 
    <h2>Jump to:</h2> 
    <ol> 
    <li><a href="#">Short answer</a></li> 
    <li><a href="#">Long answer</a></li> 
    <li><a href="#">Side effects</a></li> 
    </ol> 
</div> 

<div class="content"> 
    <h2>Short Answer<h2> 
    <p>blah blah blah</p> 

    <h2>Long Answer<h2> 
    <p>blah blah blah</p> 

    <h2>Side effects<h2> 
    <p>blah blah blah</p> 
</div> 

如果已經有一個答案，請點我在那個方向。我很難找到任何東西。

Answer 1

Oooh我知道這一個！爲要跳轉到的頁面上的每個元素添加一個id，然後將鏈接的href設置爲鏈接跳轉到的元素的id。請注意，這是維基百科的部分的鏈接是如何工作的

<div class="quick_links well"> 
    <h2>Jump to:</h2> 
    <ol> 
     <li><a href="#short-answer">Short answer</a></li> 
     <li><a href="#long-answer">Long answer</a></li> 
     <li><a href="#side-effects">Side effects</a></li> 
    </ol> 
</div> 

<div class="content"> 
    <h2 id="short-answer">Short Answer<h2> 
    <p>blah blah blah</p> 

    <h2 id="long-answer">Long Answer<h2> 
    <p>blah blah blah</p> 

    <h2 id="side-effects">Side effects<h2> 
    <p>blah blah blah</p> 
</div> 

這將允許您點擊鏈接時跳到鏈接部分，你可以使用JavaScript來使webpag順利向下滾動到鏈接的元素。

一如以往CSS技巧來對how to implement smooth scrolling to links