vue项目，弹出框把底部按钮顶上去

电玩女神 2022-04-10 05:13 491阅读 0赞

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 1" class="reference-link">watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 1

问题描述：

vue项目，如下页面，点击新增会出现个弹出框，在ios真机操作，弹出框出现后,背景会往上滑。

上图是在pc调试的，并不是有bug的页面，bug页面请参照上文描述。

如果你的页面上滑已经被你解决了（例如给背景设置固定坐标等方法），但是你在输入框里输入了东西，点击取消或者确定，弹出框消失，这个时候点击下面的取消或者确定按钮，发现不起作用了，说明这个时候你的页面虽然看上去没有上滑，但是页面标签还是上滑了，这个时候请参照本文方法，依然可行，毕竟这个坑已经踩过了。

解决思路：

当弹出框消失的时候，屏幕滚动到顶部。

代码如下：

  1. initShowMask: function (e) {
  2.       this.showMask = false;
  3.       this.addMessage = '';
  4.       window.scroll(0, 0);
  5.       // 关键代码，设置屏幕滚动条位置
  6.     },

发表评论

表情：
评论列表 （有 0 条评论，491人围观）

还没有评论，来说两句吧...

相关阅读