HTML鏈接向下滾動頁面

-2

 <div class="menu right-float clearfix"> 
    <nav id="main-nav"> 
    <ul> 
    <li class="current-menu-item"><a href="#home" class="scroll-to">Home</a></li> 
    <li><a href="#gaelic" class="scroll-to">Gaelic Sports</a></li> 
    <li><a href="#soccer" class="scroll-to">Soccer</a></li> 
    <li><a href="#cricket" class="scroll-to">India Cricket</a></li> 
    <li><a href="#contact" class="scroll-to">Contact</a></li> 
     <li><a href="#basket" class="scroll-to">BasketBall</a></li> 
    </ul> 
</nav> 
<nav id="menu-controls"> 
    <ul> 
    <li class="current-menu-item"><a href="#home" class="scroll-to"><span class="c-dot"></span><span class="c-name">Home</span></a></li> 
    <li><a href="#gaelic" class="scroll-to"><span class="c-dot"></span><span class="c-name">Gaelic Sports</span></a></li> 
    <li><a href="#soccer" class="scroll-to"><span class="c-dot"></span><span class="c-name">Soccer</span></a></li> 
    <li><a href="#cricket" class="scroll-to"><span class="c-dot"></span><span class="c-name">India Cricket</span></a></li> 
    <li><a href="#contact" class="scroll-to"><span class="c-dot"></span><span class="c-name">Contact</span></a></li> 
    <li><a href="#basket" class="scroll-to"><span class="c-dot"></span><span class="c-name">BasketBall</span></a></li> 

</ul>

HTML鏈接向下滾動頁面

我有一個關於HTML鏈接的問題。我在上面的代碼中添加了最後一行。如果我點擊足球鏈接，網頁將向下滾動到底部，並向我顯示足球信息。我想點擊籃球鏈接並讓它向下滾動並顯示籃球頁面。我正在更新索引文件。有沒有什麼好的解決方案？謝謝。

來源

2015-06-10 barry

所有的鏈接工作完美接受籃球，我補充了我自己。 – barry

你可以做這樣的事情http://jsfiddle.net/r03jz112/2/ –

你製作了一個籃子的HTML頁面嗎？是否有任何鏈接與HTML頁面相關聯？請提供更多信息。 –

你當然可以像前一個一樣添加<a href="#basketball"></a>。

來源

2015-06-10 13:37:28 Ernest

feed-from-the-field.com是我正在更新的網站 – barry

您需要將錨點放在目的地。

對於所有的工作環節，你可能會看到一個id="gaelic"在標籤上，你需要添加下列內容之一的籃球。

來源

2015-06-10 13:37:01

是否有一個CSS文件，因爲我不能找到這個鏈接在哪裏？ – barry

鏈接目標中的'＃'符號指向您正在處理的頁面上的標記;該頁面將滾動以便標籤可見。如果該頁面上沒有「籃球」ID，則瀏覽器不會滾動它。 –

HTML鏈接向下滾動頁面

回答

相關問題