資訊專欄INFORMATION COLUMN
摘要：在跳轉(zhuǎn)鏈接前記錄當(dāng)前滾動(dòng)條距離存入跳轉(zhuǎn)后返回讀取重新賦值在微信內(nèi)執(zhí)行因?yàn)榧嫒菪詥?wèn)題用了好用的庫(kù)
在跳轉(zhuǎn)鏈接前 記錄當(dāng)前滾動(dòng)條距離st 存入sessionStorage
跳轉(zhuǎn)后返回 讀取st 重新賦值
// 在微信內(nèi)執(zhí)行
platform.isWeixin && this.getSt();
},
methods: {
getSt() {
if (window.sessionStorage) {
if (sessionStorage.getItem("st")) {
document.body.scrollTop = sessionStorage.getItem("st");
}
} else {
if (Cookies.get("st")) {
document.body.scrollTop = Cookies.get("st");
}
}
},
setSt() {
if (window.sessionStorage) {
sessionStorage.setItem("st", document.body.scrollTop);
} else {
Cookies.set("st", document.body.scrollTop)
}
},
因?yàn)閟essionStorage兼容性問(wèn)題
用了好用的cookie庫(kù) https://github.com/ScottHampe...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/80698.html
摘要：微信公眾號(hào)點(diǎn)擊后退按鈕，優(yōu)選讀取緩存，所以里的生命周期不會(huì)在進(jìn)行調(diào)用。原因分析一瀏覽器包括微信的開(kāi)發(fā)者工具都是的返回可以刷新頁(yè)面但是唯有不行二瀏覽器原因返回上一頁(yè)后，頁(yè)面內(nèi)容并不會(huì)刷新。 問(wèn)題描述: A頁(yè)面跳轉(zhuǎn)到B頁(yè)面,在B頁(yè)面進(jìn)行了相關(guān)的操作之后,返回到A頁(yè)面,A頁(yè)面的數(shù)據(jù)沒(méi)有刷新.具體實(shí)例:由于項(xiàng)目中使用了vue，使用了gulp和普通的頁(yè)面跳轉(zhuǎn)。并沒(méi)有引入vue-router。所以...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開(kāi)發(fā)和面試問(wèn)題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開(kāi)發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
閱讀 3558·2021-11-08 13:15
閱讀 2115·2019-08-30 14:20
閱讀 1396·2019-08-28 18:08
閱讀 989·2019-08-28 17:51
閱讀 1496·2019-08-26 18:26
閱讀 2998·2019-08-26 13:56
閱讀 1494·2019-08-26 11:46
閱讀 2594·2019-08-23 14:22
