如何讓觸屏頁面在微信中返回時可以保持原高度(位置)

2021-09-19 22:21:19 字數 743 閱讀 5514

先用cookie記錄上乙個頁面滑動的高度,返回之後用js再滑回去

需要用到這個js庫的幾個方法:

監聽整個頁面的滑動事件

$(document).ready(function()

$(document).scrolltop(_scrolltop); //當前頁面設定到cookie中的高度

cookies.remove('scrolltop'); //移除cookie

});

載入完頁面之後執行以下方法

$(window).scroll(function() 

});

上面的**中,有一句while語句,它的作用是不停的非同步拉取資料把頁面總高度撐起來,直到整個頁面的高度大於你離開這個列表頁時候的高度,然後再用js滑到之前的位置,最後刪除cookie。

由於用到了迭代,每一次條件判斷都需要等當前輪次的資料讀取完成之後,它的執行才有效。所以非同步獲取資料的ajax也要增加乙個引數async:false,讓ajax不那麼「非同步」。

這樣,當你返回的時候就會自動回到原來瀏覽的地方了,實際用起來並沒有什麼延遲感,是不是感覺特別爽呢?

如果你的頁面上沒有用到非同步分頁的話,這裡還有個簡易版的

$(document).ready(function());

});

ionic 禁止頁面在微信中上下滑動

問題背景 需要實現的效果 當不拖拽元素的時候,元素的父級可以上下滑動。當拖拽元素的時候,禁止頁面及父級上下滑動 上 var overscroll function el,isscroll else if currentscroll totalscroll el.addeventlistener to...

移動端如何讓頁面強制橫屏

最近想 做乙個 手機遊戲 頁面,所以就 先攻克 手機橫屏的 難關。1.在豎屏 條件 下預設是 橫屏顯示的。2.即使使用者 開了 橫屏模式,介面的 橫屏模式 自動轉換 過來。1.html 結構 loading body 2.meta 標籤name viewport content width devi...

移動端如何讓頁面強制橫屏

最近公司要開發乙個移動端的養成類網頁遊戲 就是用手點各種按鈕最後你會找到乙個女朋友 要求橫屏顯示,不能豎屏。有經驗的你肯定知道,當使用者豎屏開啟時,提示說你要把手機轉過來是在是件很傻 的事情。這時如果使用者沒開啟手機裡的橫屏模式,還要逼使用者去開啟。這時候使用者早就不耐煩的把你的遊戲關掉了。我先進行...