我有一个可以正常(垂直)滚动的页面,并且我希望有一个div可以通过鼠标滚轮向下滚动,然后在完成水平滚动后恢复垂直滚动。这就是我要完成的工作。
我尝试了一些解决方案,但遇到以下问题
到目前为止,这就是我所拥有的...
var scroller = {};
scroller.e = document.getElementById("scroll");
if (scroller.e.addEventListener) {
scroller.e.addEventListener("mousewheel", MouseWheelHandler, false);
scroller.e.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
} else scroller.e.attachEvent("onmousewheel", MouseWheelHandler);
function MouseWheelHandler(e) {
// cross-browser wheel delta
var e = window.event || e;
var delta = - 30 * (Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))));
var pst = $('#scroll').scrollLeft() + delta;
if (pst < 0) {
pst = 0;
} else if (pst > $('.box-wrap').width()) {
pst = $('.box-wrap').width();
}
$('#scroll').scrollLeft(pst);
return …Run Code Online (Sandbox Code Playgroud)