1. 程式人生 > >vue專案,彈出框把底部按鈕頂上去

vue專案,彈出框把底部按鈕頂上去

問題描述:

vue專案,如下頁面,點選新增會出現個彈出框,在ios真機操作,彈出框出現後,背景會往上滑。

上圖是在pc除錯的,並不是有bug的頁面,bug頁面請參照上文描述。

如果你的頁面上滑已經被你解決了(例如給背景設定固定座標等方法),但是你在輸入框裡輸入了東西,點選取消或者確定,彈出框消失,這個時候點選下面的取消或者確定按鈕,發現不起作用了,說明這個時候你的頁面雖然看上去沒有上滑,但是頁面標籤還是上滑了,這個時候請參照本文方法,依然可行,畢竟這個坑已經踩過了。

解決思路:

當彈出框消失的時候,螢幕滾動到頂部。

程式碼如下:

    initShowMask: function (e) {
      this.showMask = false;
      this.addMessage = '';
      window.scroll(0, 0);
      // 關鍵程式碼,設定螢幕滾動條位置
    },