單擊主頁鏈接時，重置滾動到頂部

Question

我正在設置一個網頁。 我不是程序員，但是能夠在其中取得一定的成功。 我的問題是-我的網頁（Div）的一部分使用Overflow屬性具有可滾動的文本。 我可以使文本返回頂部，並在頁面頂部具有錨點鏈接，但是，當我單擊鏈接時，我已設置返回“主頁”，但是不會將滾動條重置為最佳。 有人可以告訴我如何啟用頁面，以便單擊“主頁”並將其重置為頂部嗎？ 謝謝。

這是我正在使用的代碼。

錨定到頁面頂部=

<a name="pgtop"></a>

Div引用錨點，包括樣式=

<div class="rtop"><a href="#pgtop">Return To Top</a></div>

頁面底部的鏈接，選擇“主頁”-漂亮的東西=

<div class="footerlinks"><a href="#">Home</a></div>

提前致謝。

Answer 1

嘗試將javascript點擊功能添加到鏈接中。 請注意我在此示例中稱為“向上滾動”的鏈接。 它調用一個名為“ scrollUp（）”的函數。 該功能通過ID捕獲div並將滾動條設置到頂部。

只需將此腳本添加到您的頁面並更改ID以匹配div的ID。 然后將“ OnClick”添加到錨鏈接。 我編輯了答案以匹配您發布的代碼。

<html>
     <head>
          <style type="text/css">
          div.rtop {
            width:100px;
            height:100px;
            overflow:scroll;
           }
          </style>
     </head>
    <body>
        <a name="pgtop"></a>
        <div class="rtop" id="somediv">You can use the overflow property when you want to have better control of the layout. The default value is visible.
            <a href="#pgtop" onClick="scrollUp()">Return To Top</a>
        </div>
    </body>
</html>

<script>
function scrollUp(){
    var myDiv = document.getElementById('somediv');
    myDiv.scrollTop = 0;
    }
</script>

Answer 2

正如我在評論中提到的：

在鏈接底部的href="#"表示當前頁面位於頂部（不會滑動div滾動-僅滾動文檔）...嘗試href="?" 重新加載當前頁面，或href="http://url.to.your.home.page"放置一個鏈接，如果當前頁面不是您要導航的主頁，則該鏈接可加載您的主頁。

如果您想了解更多，這是一些參考文件

http://www.w3schools.com/html/html_links.asp

Answer 3

只需添加此jQuery，您就完成了。

$('html, body').animate({
    scrollTop: $("pgtop").offset().top
}, 2000);

單擊主頁鏈接時，重置滾動到頂部

問題描述

3 個解決方案

解決方案1
1 2014-06-23 19:46:13

解決方案2
1 2014-06-23 19:59:50

解決方案3
-1 2014-06-23 19:56:24

單擊主頁鏈接時，重置滾動到頂部

問題描述

3 個解決方案

解決方案1 1 2014-06-23 19:46:13

解決方案2 1 2014-06-23 19:59:50

解決方案3 -1 2014-06-23 19:56:24

解決方案1
1 2014-06-23 19:46:13

解決方案2
1 2014-06-23 19:59:50

解決方案3
-1 2014-06-23 19:56:24