js返回網頁頂部代碼分享
時間:2018-06-11 | 來源:www.gaylse.com | 作者:士人網絡 | 點擊:
1094
次

有些網頁由于特別長,需要三四屏才能顯示完全,當用戶瀏覽到網頁底部需要返回網頁頂部時,要進行不斷地滾動才能到達頂部。為了方便用戶快速返回頂部網頁,就需要設置一個“返回頂部”的按鈕。在天水網站建設(士人網絡)就為大家分享一個非常簡單的“返回頂部”的html+js代碼。
首先,在網頁body標簽之前插入一個DIV標簽,用于放置“返回頂部”的一張圖片。代碼可以如下:
其次,給這個DIV標簽設置CSS樣式屬性,代碼如下:
最后,插入如下js代碼:
說明:與此同時,還要引入jQuery的JavaScript框架。點擊這里可以下載整個代碼包!