整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
大家介紹如何通過 JS/CSS 實現網頁返回頂部效果。
CSS 按鈕樣式：
#myBtn {
display: none; /* 默認隱藏 */
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: red; /* 設置背景顏色，你可以設置自己想要的顏色或圖片 */
color: white; /* 文本顏色 */
cursor: pointer;
padding: 15px;
border-radius: 10px; /* 圓角 */
}
var topBtn = document.getElementById('top');
// 獲取視窗高度
var winHeight = document.documentElement.clientHeight;
window.onscroll = function () {
// 獲取頁面向上滾動距離，chrome瀏覽器識別document.body.scrollTop，而火狐識別document.documentElement.scrollTop，這里做了兼容處理
var toTop = document.documentElement.scrollTop || document.body.scrollTop;
// 如果滾動超過一屏，返回頂部按鈕出現，反之隱藏
if(toTop>=winHeight){
topBtn.style.display = 'block';
}else {
topBtn.style.display = 'none';
}
}
topBtn.onclick=function () {
var timer = setInterval(function () {
var toTop = document.documentElement.scrollTop || document.body.scrollTop;
// 判斷是否到達頂部，到達頂部停止滾動，沒到達頂部繼續滾動
if(toTop == 0){
clearInterval(timer);
}else {
// 設置滾動速度
var speed = Math.ceil(toTop/5);
// 頁面向上滾動
document.documentElement.scrollTop=document.body.scrollTop=toTop-speed;
}
},50);
}niapp 官方文檔 : getCurrentPages() https://uniapp.dcloud.io/api/window/window
貌似調用 page.onLoad 提示 onLoad is not a function
小程序調用是可以的，返回上一頁刷新數據方法類似
舉個小例子：
1,A 頁面方法：
g_list:function(){
console.log(123)
}
2.B頁面
aa:function(){
var pages = getCurrentPages();
var prevPage = pages[pages.length - 2];
console.log(prevPage) //這里可以得到所有頁面對象，請看下面截圖
prevPage.page = 1;
prevPage.g_list();
//這里已經修改了A頁面的page，已調用了A頁面g_list()刷新數據
} B頁面prevPage ：
原文連接：
https://www.cnblogs.com/Yjjhn/p/13960089.html
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
