Основной контент сайта

12
melkozaur
На сайте с 06.04.2010
Offline
505
894

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

Просматривая кучу разных красивых сайтов, заметил, что меня все время смущает одна деталь. Это сайдбар на мониторах. Если дизайн адаптивный, то на девайсах поменьше все очень красивенько складывается в столбик - приятно читать статьи. Но для мониторов все забивают на этот момент. Сайты выглядят так: открываешь - все чудесно, сайдбар например слева, контент справа. Но стоит прокрутить вниз - получается нечто нелепое: мы читаем столбик, повисший в воздухе где-то справа, сайт выглядит уже как-то не очень круто :)

Считаю, лучше всего эту проблемку решили вконтакте, причем давно. Если зайти на любую страницу, например стена пользователя, и прокрутить вниз, можно увидеть, как основной контейнер при прокрутке смещается по центру (ну, не совсем по центру, но это не суть).

Вот хотелось бы знать, как это реализовано.

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
totamon
На сайте с 12.05.2007
Offline
437
#1

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

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
SeVlad
На сайте с 03.11.2008
Offline
1609
#2
totamon:
хотя мне нравится больше вариант когда сайдбар закрепляется в конце, и прокручивается только центральная часть.

+1.

Все эти дёрганья только мешают и раздражают.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
php.developer
На сайте с 22.11.2010
Offline
94
#3

Достаточно просто.

При загрузке страницы получаем высоту сайдбара, при скроле сравниваем полученную высоту с body.scrollTop, если scrollTop больше, то скрываем сайдбар и изменяем ширину контентного блока.

Строк 5, в общем, при отсутствии приколов в разметке. Без всяких плагинов, да и без jQuery, по сути.

dimsog
На сайте с 08.08.2011
Offline
149
#4

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

ihor vps -> ihc.ru
melkozaur
На сайте с 06.04.2010
Offline
505
#5
SeVlad:
Все эти дёрганья только мешают и раздражают.

Кого-то раздражают дерганья, кого-то раздражает, что при чтении слева или справа остается какая-то абсолютно ненужная фигня.

---------- Добавлено 02.03.2015 в 14:35 ----------

php.developer, dimsog, А если сайдбар всегда разный на разных страницах?

SeVlad
На сайте с 03.11.2008
Offline
1609
#6
melkozaur:
при чтении слева или справа остается какая-то абсолютно ненужная фигня.

Здравый смысл подсказывает, что "фигню" нужно делать нужной.

А ещё лучше - давать юзеру возможность управлять этим поведением. (расширить, скрыть "фигню" и тд)

melkozaur
На сайте с 06.04.2010
Offline
505
#7

SeVlad,

Я не собираюсь спорить с веб-мастерами. Это люди, которые абсолютно неадекватно оценивают юзабилити : )

LovelAss
На сайте с 05.06.2009
Offline
96
#8

Что ни говори, но Вконтактик диктует моду не только для сопливых девочек-подростков. Сначала все начали массово устанавливать себе на сайты стрелочки прокрутки и делать подгрузку контента через ajax во время той же прокрутки. Теперь, видимо, пришла очередь дёргающегося контента. Правильно, нахрена думать головой, когда можно зайти ВК и скопировать очередную "клёвую фишку".

melkozaur
На сайте с 06.04.2010
Offline
505
#9

LovelAss,

Он не дергается.

Он нормально показывается, когда сбоку показывать уже нечего.

Можно долго спорить, но когда контент висит где-то справа прижатый к краю и полэкрана пустуют - это бред. А ведь большинство сайтов именно такие.

---------- Добавлено 02.03.2015 в 14:58 ----------

LovelAss:
Сначала все начали массово устанавливать себе на сайты стрелочки прокрутки и делать подгрузку контента через ajax во время той же прокрутки

И проиграли. У людей нет мозгов. Вконтакте сделал это по многим причинам и там это оправдано. Весь контент там - либо стена, либо список профилей. Там можно бесконечно подгружать.

Беда в том, что порталы кинулись делать так же. И на некоторых нужно проявить чудеса акробатизма, чтобы добраться до нижнего меню, где к примеру контакты, реклама и т.д. Идиоты.

LovelAss
На сайте с 05.06.2009
Offline
96
#10
melkozaur:
Можно долго спорить, но когда контент висит где-то справа прижатый к краю и полэкрана пустуют - это бред.

Выше уже написали, что можно скрывать сайдбар по умолчанию и предоставить пользователю возможность его открыть. А можно его вообще нафиг убрать и сделать вместо него, допустим, верхнее меню с выпадающим списком категорий - это если, кроме категорий, там ничего нет. А ещё можно разместить рекламный блок в нижней части сайдбара и фиксировать его при прокрутке - вот это действительно здравая идея, которая используется на многих сайтах. Вариантов масса, если немного подумать.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий