//html部分
<div class="to-top">
<img src="../image/home/資源 9.png" alt="">
</div>
//css部分
.to-top{
position: fixed;
right: 30px;
bottom: 100px;
}
//javascript部分
document.getElementsByClassName('to-top')[0].addEventListener('click', function () {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
});
回到頂部功能的實現(xiàn)
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門民效，熙熙樓的掌柜王于貴愁眉苦臉地迎上來憔维，“玉大人涛救，你說我怎么就攤上這事∫蛋牵” “怎么了检吆？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長程储。 經(jīng)常有香客問我咧栗，道長，這世上最難降的妖魔是什么虱肄？ 我笑而不...
- 正文 為了忘掉前任致板，我火速辦了婚禮，結果婚禮上咏窿，老公的妹妹穿的比我還像新娘斟或。我一直安慰自己，他們只是感情好集嵌，可當我...
- 文/花漫 我一把揭開白布萝挤。 她就那樣靜靜地躺著，像睡著了一般根欧。 火紅的嫁衣襯著肌膚如雪怜珍。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼捶索，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了灰瞻？” 一聲冷哼從身側響起腥例，我...
- 正文 年R本政府宣布，位于F島的核電站垦梆，受9級特大地震影響匹颤，放射性物質發(fā)生泄漏。R本人自食惡果不足惜托猩，卻給世界環(huán)境...
- 文/蒙蒙 一印蓖、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧京腥，春花似錦赦肃、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至欠气，卻和暖如春厅各，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背预柒。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 蘋果系統(tǒng)為我們帶來了一個很便利的功能奈泪，在長長的頁面拖拽過程中适贸，至于要點擊一下頂部狀態(tài)欄，便能回到頁面最頂部涝桅，省去了...
- 今天我們一起來用 JavaScript 實現(xiàn)一個回到頂部的功能拜姿。 首先，需要梳理一下我們需求： 在頁面的右下角有一...
- 在實際應用中冯遂，經(jīng)常用到滾動到頁面頂部或某個位置蕊肥，一般簡單用錨點處理或用js將document.body.scrol...
- 先看效果圖： RecyclerView有三個滑動狀態(tài)： 當前的recycleView不滑動(滑動已經(jīng)停止時)pub...
- Step 1.修改 footer Step 2. 添加樣式 Step 3. 添加JS 大功告成！！
