滾動到頁面頂部，無需刷新/重新加載該頁面

我正在開發移動網站。該網站主要在Opera mini和UCbrowser中查看。我已經添加滾動到頂部按鈕作爲滾動到頁面頂部，無需刷新/重新加載該頁面

<input type="button" name="scroll to top" onclick="scroll(0,0)"/>

但這點擊它重新加載，然後到頂部。有些時候，它不工作..

的細節去的Opera Mini及UC瀏覽器中的Opera Mini

視圖m.facebook.com他們增加[↑]頂到feinix.org/mevents.php 。如果有人張貼在我身後說

來源

2013-12-15 Kanmaniselvan

嘗試'window.scrollTo（0，0這將是巨大的）;'[我如何使用jQuery滾動到頁面頂部？]（http://stackoverflow.com/questions/1144805/how-do-i-scroll-to-the-top-of-the-page -with-jquery） – Satpal

嘗試'$（selector）.scrollTop（0）' – Stiger

嘗試在scr之前設置preventDefault OLL（0,0）。像這樣：'document.querySelector（「」）.addEventListener（「click」，function（e）{e.preventDefault（）; window.scroll（0,0）;}）;' – mqchen

代碼使用jQuery

$("html, body").animate({ 
    scrollTop: 0 
}, 200);

或使用簡單的HTML錨這樣

//Add this to your top of your page 
<a id="tips"></a> 

//Show this as your button with css 
<a href="#tips">Scroll to top</a>

來源

2013-12-15 17:20:47

+1。 – gvee

謝謝，我個人喜歡jQuery，因爲它給順利的動畫去頂部。 –

感謝您的代碼。它效果很好 – Kanmaniselvan

$("a[href='#top']").click(function() { 
    $("html, body").animate({ scrollTop: 0 }, "slow"); 
    return false; 
});

來源

2013-12-15 17:10:25 Vivekh

滾動到頁面頂部，無需刷新/重新加載該頁面

回答

相關問題