Горизонтальная прокрутка И вертикальная прокрутка на той же странице

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(); 

    }); 
}); 

И Он был не в состоянии работать на всех элементов с одинаковым идентификатором = "скроллинга », поэтому я переименовал следующие разделители прокрутки в # scroll1, # scroll2 ... и т. д. и добавил их в CSS.

Надеюсь, это будет то, что вы ищете.