2014-09-09 2 views
1

Мне нужен совет о том, как создать код, связанный с боковой панелью, содержащейся на моей домашней странице.Как синхронизировать прокрутку между двумя столбцами

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

Что мне нужно, это немного специфично, я попытался его искать, снова и снова просматривать через Google, через Stackoverflow и многие другие веб-сайты, но, к сожалению, я не получил ничего, что подходит для меня. Я нашел несколько полезных советов, несколько практических примеров и множество отправных точек, и я попытался и попытался снова смешать друг друга с части этих кодов, но не получая того, что мне действительно нужно. Все это, потому что я думаю, что мой запрос немного конкретный, и я попытаюсь объяснить его, надеясь быть максимально ясным.

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

Нечто похожее присутствует в Facebook, если вы заходите на страницу своего профиля, вы можете найти что-то похожее на то, что мне нужно. Кстати, я пытаюсь объяснить его здесь ниже, в надежде быть как можно более ясно:

  • в то время, когда я прокрутить страницу DOWN Мне нужно, что ОБА левой боковой панели и основной прокрутки столбца вниз, пока левая боковая панель не покажет LAST видимый элемент, содержащийся в нем. На данный момент прокручивания следует продолжать прокручивать вниз только главный столбец

  • наоборот, в то время, когда я прокрутить страницу UP Мне нужно, что ОБА левая боковая панель и основная колонка прокрутки вверх вместе, пока В левой боковой панели будет отображаться видимый элемент FIRST. На данный момент прокручивания следует продолжать прокрутку вверх только главный столбец

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

Надеясь хорошо объяснить этот вопрос, я благодарю вас всех за вашу помощь!

+0

липкий боковая панель может быть термин, который вы ищете. Попробуйте некоторые плагины для этого. Или вы должны добавить свой собственный код, прослушивая событие прокрутки и вычисляя позицию элемента в каждом прокрутке. – sabithpocker

+0

Вы хотите что-то вроде этого http://getbootstrap.com/getting-started/, где боковая панель прокручивается по содержимому слева – Sauryabhatt

ответ

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