Javascript 绑定此鼠标滚轮事件处理程序将禁用垂直滚动
我的站点有没有滚动条的垂直滚动,一个div也有没有滚动条的水平滚动 我得到以下代码:Javascript 绑定此鼠标滚轮事件处理程序将禁用垂直滚动,javascript,html,css,scroll,Javascript,Html,Css,Scroll,我的站点有没有滚动条的垂直滚动,一个div也有没有滚动条的水平滚动 我得到以下代码: (function() { function scrollHorizontally(e) { e = window.event || e; var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); document.getElementById("premios-scroll").scrollLeft
(function() {
function scrollHorizontally(e) {
e = window.event || e;
var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
document.getElementById("premios-scroll").scrollLeft -= (delta * 40); // Multiplied by 40
document.getElementById("premios-scroll").scrollLeft -= (delta * 40); // Multiplied by 40
e.preventDefault();
}
if (window.addEventListener) {
// IE9, Chrome, Safari, Opera
window.addEventListener("mousewheel", scrollHorizontally, false);
// Firefox
window.addEventListener("DOMMouseScroll", scrollHorizontally, false);
}
else {
// IE 6/7/8
window.attachEvent("onmousewheel", scrollHorizontally);
}
})();
它工作得很好,但是代码禁用了垂直滚动
这里有一个链接。如果事件鼠标在目标位置是premios scroll,那么只添加水平滚动怎么办?从我看到的
e.preventDefault()
阻止浏览器滚动,而你的代码似乎只水平滚动。这是个主意,但我需要向我的老板显示选项哈哈