原文:sessionStorage 實現點擊進入詳情頁,返回時回到用戶剛剛瀏覽的位置

之前一段時間面試,包括朋友們的面試中經常會問到一個需求: 如果用戶好不容易翻到了第幾十 幾百乃至幾千條時,難道要用戶再重頭開始 所以需求方要求用戶在一個列表頁瀏覽時,點擊一個列表進入詳情頁,返回要求記錄用戶剛剛瀏覽的位置,而不是重新刷新頁面到了頁面頂部。 被問到之后就在想如何實現 ps:因為我覺得不僅是要應付面試,同時這個需求真的太常見了,我竟然不會。 ,后來想了幾個解決方案: 將瀏覽時的滾動位置 ...

2018-01-19 17:25 0 1440 推薦指數:

查看詳情

列表跳轉到詳情頁點擊返回 回到位置

新聞流和游戲列表需要實現 跳轉到詳情頁返回回到位置。 新聞流:   新聞資源支持iframe,   利用同源頁面跳轉,瀏覽器不會刷新頁面,通過在iframe中打開新聞詳情頁實現。     location.history.pushState( {} , "title ...

Wed Dec 06 00:56:00 CST 2017 0 2946
vue項目中keep-alive的使用,從詳情頁返回列表保存瀏覽位置

最近在做移動端前端項目中,需要實現以下場景: 1.在頁面查詢列表,進入詳情頁返回需要頁面返回到上次瀏覽位置 2.由於查詢列表獲取的數據可能會短時間改變,如果前端長時間緩存數據,並不符合業務要求。 3.我在進入詳情頁可以修改列表的數據,返回滾動到,用戶看到的應該是最新的數據 4. ...

Sat Jul 06 00:50:00 CST 2019 0 1251
列表詳情頁,從詳情頁返回之前列表位置

背景: 對於一般采用同樣的技術棧開發的多頁面應用來說,可能遇到的狀況如下: h5上拉刷新來實現分頁,當有很多的話,點擊列表某一去詳細,然后從詳情返回上一,可能刷新上一位置不能保持,體驗不好 列表使用a鏈接過去的,詳情使用window.history.go ...

Sun Dec 30 01:28:00 CST 2018 0 1703
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM