html iframe隐藏滚动,页面中的iframe隐藏再显示后的滚动异常

我先把页面中的iframe往下滚动一段距离，再隐藏再显示，再往下滚动，页面会猛地回到顶部。chrome下异常，firefox和edge没问题......

代码大概就是下面这样

index.html

Document

html, body, .iframe-container {

width: 100%;

height: 100%;

overflow: hidden;

}

var show = true;

function hideShow(){

var iframe = $('#iframe1')

if(show == true){

iframe.hide()

show = false;

} else if(show == false){

iframe.show()

show = true

}

}

iframe test

hide/show

iframe-content.html

Document

window.addEventListener('mousewheel', function(event){

var iframe = $(window)

console.log(iframe,iframe.scrollTop())

})