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

-1

Я нашел этот код, который делает вертикальную прокрутку в горизонтальной плоскости. Как я могу достичь противоположного? Заранее спасибо.Горизонтальная прокрутка в вертикальной прокрутке

HTML:

<div id='first'> 
    <div id='second'> 
     <!-- content --> 
    </div>

CSS:

#first { 
    overflow:hidden; 
    height:9000px; 
} 
#second { 
width:9000px; 
position:fixed; 
    }

JS:

window.onscroll=function() { 
    var scroll = window.scrollY; 
    $('#second').css('left', '-' + scroll + 'px'); 
}

скрипку: http://jsfiddle.net/zfBhK/

источник

2014-12-29 Billef32

Обновленный код. код теперь позволяет горизонтальной прокрутки в вертикальное движение

<html> 
<head> 
    <script src="https://code.jquery.com/jquery-1.11.2.js"></script> 
<style> 

body{ 
    overflow-x: auto; 
} 

#first { 
    /*first I set position to absolute*/ 
    position:absolute; 
} 
#second { 
    position:fixed; 
} 
</style> 

</head> 
<body> 
<div id='first' style="position:absolute"> 
    <h1>my1stContent*my1stContent*my1stContent*my1stContent*my1stContent*my1stContent*my1stContent*my1stContent*my1stContent*<h1> 
    </div> 
     <br><br><br> 
<div id='second'> 
<h1>my2ndContent*my2ndContent*my2ndContent*my2ndContent*my2ndContent*my2ndContent*my2ndContent*my2ndContent*my2ndContent*</h1> 
</div> 

<script> 

window.onscroll=function() { 
    var scroll = window.scrollX; 
    //i then modified the css by changing to 'top' 
    $('#second').css('margin-top', '-' + scroll + 'px'); 
} 

</script> 
</body> 
</html>

содержание 2-го теперь должен перемещаться вертикально, как полоса прокрутки перемещается в горизонтальном направлении. если есть какие-либо вопросы, дайте мне знать

источник

2014-12-30 02:30:20 mkCode

Я не уверен, что он работает правильно. Для начала был отсутствующий div (я добавил его), но все равно он не работает.:/Я работаю над ним, хотя :) – Billef32

обновлен код. проверьте это. дайте мне знать, что вы думаете – mkCode

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

ответ

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