回到頂部和回到頂部按鈕的顯示隱藏
function backToTop() {
$('html,body').animate({scrollTop: 0}, 800);
}
function show() {
$(window).scroll(function () {
if ($(window).scrollTop() > 100) {
$(".designer__bottom").fadeIn(100);
} else {
$(".designer__bottom").fadeOut(100);
}
});
}
show();
相關文章
- 從頁面底部回到頂部+動畫效果 & 翻頁後從按鈕處回到頁面頂部動畫
- 基於js實現點選按鈕回到頂部JS
- 點選回到頂部
- jQuery之回到頂部jQuery
- 直播軟體搭建,點選按鈕自動回到頂部
- 手機直播原始碼,點選按鈕,立即回到頂部原始碼
- 回到頂部效果之加速置頂
- js實現點選回到頂部JS
- vue中實現回到頂部功能Vue
- 每天一邊js -- 回到頂部JS
- 簡單實現點選回到頂部
- jquery經典例項之回到頂部jQuery
- 原生JavaScript實現頁面回到頂部的功能JavaScript
- 高度百分百 overflow:auto 回到頂部
- 直播軟體搭建,利用原生JS實現回到頂部以及吸頂效果JS
- app直播原始碼,利用原生JS實現回到頂部以及吸頂效果APP原始碼JS
- Linux vscode右上角佈局按鈕顯示 & 頂部不顯示搜尋欄LinuxVSCode
- Dcat-admin新增頂部右側按鈕
- 這幾種方法幫你快速實現回到頁面頂部
- 頂部顯示“百度APP”橫幅並有“APP內閱讀”的按鈕;同時APP
- 直播軟體搭建,vue3 頁面回到頂部(平緩滾動效果)Vue
- 點選同一按鈕顯示隱藏切換
- vue js 獲取滾動距離 以及 返回頂部按鈕VueJS
- 視訊直播系統原始碼,頂部標題欄的隱藏和標題修改原始碼
- 直播網站原始碼,EasyUI按鈕控制標籤顯示與隱藏網站原始碼UI
- Mac顯示和隱藏“隱藏檔案”命令Mac
- 區塊的顯示和隱藏
- jQuery 效果 – 隱藏和顯示jQuery
- 返回頂部寫法
- Revit二次開發知識分享(八)控制顯示隱藏的圖元按鈕
- OSX中隱藏和顯示[隱藏檔案]的命令列命令列
- javascript隱藏和顯示div的方法JavaScript
- iframe隱藏頭部的toolbar
- mac顯示隱藏檔案,取消顯示隱藏檔案Mac
- 簡單版—返回頂部
- JavaScript返回頂部詳解JavaScript
- 元素的隱藏和顯示(display ,visibility ,overflow)
- js之返回網頁頂部JS網頁