Изменить направление прокрутки

Итак, в основном, я создаю сайт, который разделен на два столбца. Эти столбцы идут на высоту входа браузера и индивидуально заполняют 50% экрана. Простой пример:

 -------------
|      |      |
|  up  | down |
|      |      |
 -------------

Я разработал этот. Каждый столбец представляет собой div и прокручивается вертикально. Я хочу иметь возможность прокручивать div, а направление прокрутки справа идет в противоположную сторону от направления слева; но они прокручиваются одновременно.

Я также хотел бы один полоса прокрутки справа (как обычный вертикальный сайт), но когда вы прокручиваете это, одна сторона идет вверх, а другая сторона идет вниз.

кто-нибудь может помочь здесь? Или указать мне определенное направление?

пример: http://buero-buero.org/

11
css html javascript scroll

1 ответов

бесстыдно украден страницы, которую вы ссылаетесь, это довольно тривиально:

<script>
function crisscross() {
$('down-left').style.bottom = '-' + window.scrollY + 'px';
$('down-right').style.bottom = '-' + window.scrollY + 'px';
$('left').style.left = '-' + window.scrollY + 'px';
$('right').style.right = '-' + window.scrollY + 'px';
}
</script>

Edit:

отвечая на ваш комментарий:

A)window.scrollY это количество вертикальной прокрутки страницы, вы просто абсолютное положение вашего #down div с обратным абсолютным положением. Если вы не понимаете его, вы должны, по крайней мере, возиться с ним некоторое время, чтобы понять его или, лучше, узнать, как window.scrollY и jquery $().style работа.

B) это не объем кода Вы можете поставить кредиты на... это не воровство, а просто не изобретение колеса.

C) не понимаю, извините,#down-right это то, что вы задаете в своем вопросе: a div прокрутка в противоположном направлении полосы прокрутки.

изменить еще раз:

Не забудьте также взглянуть на css:

div#down-right {
    bottom: 0;
    position: fixed;
    right: 6%;
}
10