向上滾動按鈕不起作用

我試圖在我的博客博客中放置一個向上滾動（回到頂部）按鈕。向上滾動按鈕不起作用

這應該是原則上很簡單，但我並不是爲什麼我不能做到這一點。現在嘗試了很多東西之後，我完全感到沮喪。

我用下面的HTML代碼：

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#"><img src="url address of image" /></a>

按鈕是有預期，但是當我點擊它，它重新加載博客而不是去頂。爲什麼？？沒有線索。

我試圖在徽標圖片中使用「id」並將其鏈接到它，並且我還嘗試在博客頭中使用名稱標籤「name = Top」並將其鏈接到href =「＃Top 「但是沒關係。它總是重新加載博客而不是去頂部。

例如，當我在一篇文章中，然後點擊該按鈕，它會轉到主頁面，而不是在帖子內滾動。

如果你想自己檢查一下，請做。我的博客是cortarcoserycrear.blogspot.com

無論您提供什麼幫助，我都會非常感激，因爲我不知道發生了什麼。

謝謝。

來源

2013-06-29 cardogar

你應該使用Javascript/JQuery來做到這一點。

參考這個問題：How to scroll to top of page with JavaScript/jQuery?

來源

2013-06-29 10:55:10

太好了！非常感謝！問題解決了！ – cardogar

我最後用來解決我的問題是：

按鈕的html：

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#wrap" class='go-to-top' title="Back to top"><img src="image url" /></a>

正文的HTML：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'/> 
    <script> 
    $(function() { 
    $(&#39;.go-to-top&#39;).click(function() { 
    $(&#39;html,body&#39;).animate({ 
    scrollTop: 0 
    }, 500); 
    return false; 
    }); 
    }); 
    </script>

來源

2013-07-02 09:38:38 cardogar

向上滾動按鈕不起作用

回答

相關問題