vue中滚动条和页面切换

1 滚动

今天在做网站的时候发现只要打开弹窗，页面就会抖动一下。最后浏览器滚动条的原因，后来设置html,body{height:100%;overflow:auto},但是在mouted周期的时候window.onscroll事件不起作用了。因为这时html高度是固定的，滑动的滚动条是body内滑动，这时候只要将document.body.onscroll绑定就可以了。

2 切换页面

因为有些做的网站需要打开多个页面，而且都是订阅sockert，只要socket发送过来，所有的页面都会接收到信息，每个都会出现一个弹窗，产品的要求是只要关闭一个，那么切换到其他页面弹窗都要关闭。这个刚开始好纠结啊，直到发现了visibilitychange事件。 我的思路是这样的，先用localstorage设置一个属性为false,如果弹窗关闭就设置true,切换到其他页的时候通过visibilitychange触发关闭弹窗的方法。大致向下：

js