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

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

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

все празднуют новый год...
...
Рейтинг: 0 / 0
02.01.2015, 10:51
    #38847572
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как на Linkedin
Ясно
...
Рейтинг: 0 / 0
02.01.2015, 14:26
    #38847599
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как на Linkedin
...
Рейтинг: 0 / 0
02.01.2015, 14:27
    #38847600
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как на Linkedin
...
Рейтинг: 0 / 0
02.01.2015, 14:34
    #38847602
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как на Linkedin
То есть необходимо для элемента задать 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
03.01.2015, 09:46
    #38847727
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как на Linkedin
Спасибо за ответы. Я больше с серверной частью работать предпочитаю, но было лубопытно узнать!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как на Linkedin / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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