iframe鼠标不能在子页面上滚动问题

时间 2019-12-05

标签 iframe 鼠标不能页面滚动问题栏目 HTML 繁體版

原文原文链接

未经赞成请勿转载。it

在父页面写入：io

前提：父页面已经加入滚动效果。console

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">event

<body onmousewheel="top.document.body.scrollTop-=event.wheelDelta">function

子页面加入：List

<body onmousewheel="top.document.body.scrollTop-=event.wheelDelta">scroll

封装：call

function wheel(callback){
if(navigator.userAgent.indexOf('Firefox')==-1){
if(document.attachEvent){
document.attachEvent('onmousewheel',fn);
}else{
document.addEventListener('mousewheel',fn);
}
}else{
document.addEventListener('DOMMouseScroll',fn)
}callback

function fn(ev){
var oEvent = ev || event;
top.document.body.scrollTop-=event.wheelDelta;
}
};top

调用：

//滚动条 wheel(function(isTrue){ console.log(isTrue); })