語義ui中的垂直輔助指點菜單：如何綁定到h2節？

我將舊代碼移植到語義UI，這非常好。我試圖重現他們在所有文檔中使用的垂直側面菜單的行爲（垂直輔助指向菜單）。例如見左側菜單（「類型」，「組」等），此頁上：語義ui中的垂直輔助指點菜單：如何綁定到h2節？

http://semantic-ui.com/elements/button.html

菜單項上的點擊，使頁面滾動到指定的部分，我可以」重現這種行爲。我沒有在條目中看到任何href。可能有些東西超過了我的（非常經典的）HTML/Javascript知識。我想有一個簡單的例子，像這樣的工作方式相同（即「偷看」類基本上貼在左邊的菜單）：

<body>  
    <div class="peek"> 
    <div class="ui vertical pointing secondary menu"> 
     <a class="item active">Part 1</a> 
     <a class="item">Part2</a> 
    </div> 
    </div> 

    <h2 class="ui dividing header">Part 1</h2> 

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec 
    odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. 
    Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede 
    (etc. put a long enough text here for scrolling).</p> 

    <h2 class="ui dividing header">Part 2</h2> 

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec 
    odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. 
    Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> 

    </div> 
</body>

這不工作，如果我只包括semantic.min.js和semantic.css在我的頭文件中。所以我明白在這種情況下沒有默認行爲是預定義的。一些好的靈魂會善於在語義UI中幫助我使用所需的CSS/Javascript嗎？

提前許多感謝，

Yvonnick

來源

2014-02-06 Yvonnick Noel

我也嘗試使用相同的，但由於沒有在文檔，我只是認爲不包括在語義，這是一個自定義類。

我所做的就是離開這個菜單在不同的列，然後

.peek{ 
    position:fixed; 
}

來源

2014-02-17 18:46:19 Sebastialonso

語義ui中的垂直輔助指點菜單：如何綁定到h2節？

回答

相關問題