純js實現(xiàn)頁面返回頂部的動畫(超簡單)
更新時間：2017年08月10日 08:12:48 投稿：jingxian
下面小編就為大家?guī)硪黄僯s實現(xiàn)頁面返回頂部的動畫(超簡單)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
廢話不多說，直接上代碼
var scrollTop = document.body.scrollTop;
document.body.style.marginTop = -scrollTop + 'px';
document.body.scrollTop = 0;
document.body.style.transition = 'all 1s ease-in-out';
document.body.style.marginTop = 0;
setTimeout(function () { document.body.style.transition = 'none'; }, 1000);
以上這篇純js實現(xiàn)頁面返回頂部的動畫(超簡單)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本文是小編在平時項目中收集整理的javascript常用函數(shù)方法，特別是javascript方法經(jīng)常會用到，對javascript函數(shù)方法相關知識感興趣的朋友一起學習吧2015-12-12
這篇文章主要介紹了基于JavaScript獲取url參數(shù)2種方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了js如何實現(xiàn)連個數(shù)字相加而不是拼接,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了js實現(xiàn)精美的銀灰色豎排折疊菜單,可實現(xiàn)頁面左側豎排的縱向折疊菜單效果,非常美觀實用,需要的朋友可以參考下2015-05-05
這篇文章主要給大家介紹了關于javascript實現(xiàn)搜索篩選功能的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
這篇文章主要介紹了JS數(shù)組扁平化、去重、排序操作,結合實例形式詳細分析了JS數(shù)組扁平化、去重、排序等相關操作原理、實現(xiàn)技巧與注意事項,需要的朋友可以參考下2020-02-02
今天小編就為大家分享一篇Layui 導航默認展開和菜單欄選中高亮設置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本文主要介紹了uni-app?微信小程序授權登錄的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要為大家詳細介紹了原生js實現(xiàn)下拉菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript中的Array對象與其他編程語言中的數(shù)組一樣，是一組數(shù)據(jù)的集合。在JavaScript中，數(shù)組里面的數(shù)據(jù)可以是不同類型的，并具有用于執(zhí)行數(shù)組常見操作的方法，本文整理了一些常用的，需要的可以參考一下2022-09-09