2015-01-20 4 views
3

Так что я пытался часами. Любые советы или идеи о том, как сделать веб-страницу горизонтальной, вместо прокрутки вниз?Как горизонтально прокручивать при прокрутке по вертикали?

Редактировать: Когда кто-то прокручивается вертикально, вместо прокрутки по вертикали вы прокручиваете по горизонтали.

+0

Установить ширину ??? – j08691

+0

Напишите URL-адрес того, который работает так, как вы хотите. –

+0

http://stackoverflow.com/questions/258372/css-div-element-how-to-show-horizontal-scroll-bars-only Вам это поможет? – user3072210

ответ

5

Вот что вам нужно:

Пример: http://css-tricks.com/examples/HorzScrolling/

Код: http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

$(function() { 
    $("body").mousewheel(function(event, delta) { 
    this.scrollLeft -= (delta * 30); 
    event.preventDefault(); 
    }); 
}) 

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> 
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script> 

Еще один пример: http://jsfiddle.net/ye259/4/

+1

Это именно то, что я искал! Спасибо! –

+0

Glad помог вам :) – Jatin

+0

сайт exmaple не работает для моего хрома (61.0.3163.100) на OS X и FireFox (56.0) на OS X. – Sgnl

-2

на веб-страницу прокручивается вниз, потому что это высота или содержание больше, чем высота окна браузера, если вы хотите, чтобы он oll горизонтально, разместите свой контент так, чтобы он занимал пространство по горизонтали, то есть занимал пространство ширины вместо высоты.

+0

Это объяснение не отвечает на его вопрос. – qarthandso

Смежные вопросы