首頁猿問移動端無刷新返回怎么實現(xiàn)

移動端無刷新返回怎么實現(xiàn)

Html5 JavaScript

現(xiàn)代風(fēng)格 2017-11-02 15:10:55

一個產(chǎn)品列表頁面，通過ajax加載了一些分頁數(shù)據(jù)之后，點擊某個產(chǎn)品跳轉(zhuǎn)到詳情頁面，然后當(dāng)返回列表的時候，讓列表頁不刷新，ajax加載的數(shù)據(jù)都還在，頁面仍然停留在之前點擊的位置，，請問這個是如何實現(xiàn)的

查看完整描述

2 回答

kevinZee

TA貢獻50條經(jīng)驗獲得超39個贊

將詳情頁作為一個index更高的

position:fixed;
top:0;
left:0;
right:0;
bottom:0;

的塊級元素全屏遮罩就實現(xiàn)了。

這種實現(xiàn)，實際上列表頁到詳情頁并沒有實質(zhì)上的跳轉(zhuǎn)，只是將詳情頁覆蓋在列表上，兩者在同一個頁面，通過這種方法，還可以很容易實現(xiàn)原生app的滑入滑出效果。

反對回復(fù) 2017-11-02

qq_覗水翛_0

TA貢獻3條經(jīng)驗獲得超0個贊

單頁應(yīng)用，通過路由跳轉(zhuǎn)。舉個簡單的例子，你去看一下SUI的路由功能就了解了

反對回復(fù) 2017-11-02

關(guān)注

舉報

0/150

提交

取消

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號