水平滚动和垂直滚动在同一页面中

Question

是否可以在同一页面中启用垂直滚动WITH MOUSE WHEEL？ 我想正常滚动页面，但在某些#div's我想要水平滚动。

这是一个jsfiddle http://jsfiddle.net/sw5Lybsm/

我尝试了很多东西并搜索了整个互联网，但没有成功:(

Answer 1

我刚刚使用了此链接中建议的jquery库：

CSS Trick

我让它垂直和水平地工作：

此处为fiddle

我在包含jquery文件后使用了这段代码：

$(document).ready(function(){

   $("#scroll").mousewheel(function(event, delta) {

      this.scrollLeft -= (delta * 30);

      event.preventDefault();

   });
    $("#scroll1").mousewheel(function(event, delta) {

      this.scrollLeft -= (delta * 30);

      event.preventDefault();

   });
    $("#scroll2").mousewheel(function(event, delta) {

      this.scrollLeft -= (delta * 30);

      event.preventDefault();

   });
    $("#scroll3").mousewheel(function(event, delta) {

      this.scrollLeft -= (delta * 30);

      event.preventDefault();

   });
});

并且它无法处理具有相同id =＆＃34;滚动＆＃34;的所有元素，因此我将下一个滚动div重命名为＃scroll1，＃scroll2 ...等，并且也将它们添加到CSS中。

我希望这将是您正在寻找的。