问题是如此之长,提出一个总结它的标题是棘手的.
所以无论如何.我有一个div已经溢出：自动,并且频繁地流过,所以滚动条出现.然后我有一个div位置：固定并位于内容div的顶部.
现在,当我有一个固定位置的div在html身体本身,当我把鼠标悬停在div上时,我可以用滚轮滚动文档.不是很幸运与上述div.
有没有办法滚动div“通过”固定位置？
我注意到,即使在固定的div上捕捉滚动事件也不容易;该事件不会被解除,除非固定的div本身是可滚动的.
我做了一个简单的jsFiddle here,为了您的方便,剥离了我所尝试的所有JavaScript.
解决方法
var fixedElement = document.getElementById("fixed");
function fixedScrolled(e) {
var evt = window.event || e;
var delta = evt.detail ? evt.detail * (-120) : evt.wheelDelta; //delta returns +120 when wheel is scrolled up,-120 when scrolled down
$("#content").scrollTop($("#content").scrollTop() - delta);
}
var mousewheelevt = (/Gecko\//i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel";
if (fixedElement.attachEvent)
fixedElement.attachEvent("on" + mousewheelevt,fixedScrolled);
else if (fixedElement.addEventListener)
fixedElement.addEventListener(mousewheelevt,fixedScrolled,false);
jsFiddle Demo – 滚动！
