powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как на Linkedin
8 сообщений из 8, страница 1 из 1
как на Linkedin
    #38847319
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
На linkedin если начать прокручивать страницу то вмлучае если левая калонка длинее правой ио последний элемент правой калонки останетс на месте когд поднимится до упора вверх. А правая калонка продолжит прокручиваться. И плюс к этому шапка постоянно виднеется на верху.

Есди непонятно обьясняю то посмотрите на страничку в linkedin поймёте о чём я.

вопрос как таакое реализовать??
...
Рейтинг: 0 / 0
как на Linkedin
    #38847463
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Иак никто и не посоветует ничего
...
Рейтинг: 0 / 0
как на Linkedin
    #38847561
wamaco
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
AreostarИак никто и не посоветует ничего

все празднуют новый год...
...
Рейтинг: 0 / 0
как на Linkedin
    #38847572
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ясно
...
Рейтинг: 0 / 0
как на Linkedin
    #38847599
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
как на Linkedin
    #38847600
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
как на Linkedin
    #38847602
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
То есть необходимо для элемента задать position: fixed + нужное значение top.

При прокрутке класс последнего элемента меняется с "sticky-elems-placeholder static-sticky" на "sticky-elems-placeholder fixed-sticky" и соответсвенно применяются сл. CSS правила:
Код: css
1.
2.
3.
4.
5.
6.
7.
.sticky-elems-placeholder.fixed-sticky {
  background: #fff;
  box-shadow: 0 0 1px #999;
  position: fixed;
  top: 87px;
  width: 318px;
}
...
Рейтинг: 0 / 0
как на Linkedin
    #38847727
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Спасибо за ответы. Я больше с серверной частью работать предпочитаю, но было лубопытно узнать!
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как на Linkedin
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]