Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 绑定此鼠标滚轮事件处理程序将禁用垂直滚动_Javascript_Html_Css_Scroll - Fatal编程技术网

Javascript 绑定此鼠标滚轮事件处理程序将禁用垂直滚动

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

我的站点有没有滚动条的垂直滚动,一个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 -= (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()
阻止浏览器滚动,而你的代码似乎只水平滚动。这是个主意,但我需要向我的老板显示选项哈哈