本文介绍了一种在父页面和子页面间实现滚动同步的方法。通过JavaScript监听鼠标滚轮事件并调整页面滚动位置，适用于不同浏览器环境。文章提供了具体代码实现。
未经同意请勿转载。
在父页面写入：
前提：父页面已经加入滚动效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<body onmousewheel="top.document.body.scrollTop-=event.wheelDelta">
子页面加入：
<body onmousewheel="top.document.body.scrollTop-=event.wheelDelta">
封装：
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)
}
function fn(ev){
var oEvent = ev || event;
top.document.body.scrollTop-=event.wheelDelta;
}
};
调用：
//滚动条
wheel(function(isTrue){
console.log(isTrue);
})
扫一扫
1606
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
