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

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

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

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

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

Ответы

Ответ 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 - это количество вертикальной прокрутки страницы, вы просто фиксируете свой div #down с абсолютной абсолютной позицией. Если вы этого не понимаете, вам нужно хотя бы поработать с ним некоторое время, чтобы понять это, или, лучше, узнать, как работают window.scrollY и jquery $().style.

B) Это не количество кода, на которое вы можете поместить кредиты... он не ворует, а просто не изобретает колесо.

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

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

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

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