Плавающий блок как на http://news.mail.ru/

alexgut 26.05.2014 Общие вопросы по PHP, Ламерские вопросы 2567

вопрос

Как сделать плавающий блок как у http://news.mail.ru/.

Там два блока
левый- статья
правый- допинфо

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

Вот именно так как реализовать? Или ссылку на пример что ли какой-то.

Или как такой блок загуглить?) обычные фиксированные не проблемма, но как именно как на http://news.mail.ru/.

Всем спасибо заранее.

Ответил: ПафНутиЙ

Вам нужен плагин Sticky Kit

5 комментариев

Юзер

alexgut - 2015-06-1227 мая 2014 19:35 - #29282

Никто не знает? )

Юзер

795

D0Gmatist - 2015-06-1227 мая 2014 20:15 - #29283

Я, если честно, ещё вчера прочитал и несколько раз, а так же посетил вами указанный сайт ... но так ни вник в вами желаемое.

Юзер

alexgut - 2015-06-1227 мая 2014 20:29 - #29284

Может просто я не много не так объясняю?

Вот зайдите на сайт news.mail.ru
В длинную статью к примеру.
http://news.mail.ru/politics/18344094/

Обратите внимание что крутя ползунок страницы вниз, сначала два блока левый и правый едут вместе вниз.
После чего когда правый блок подходит к концу он фиксируеться position;fixed к top верху. Так как статья длинная и она длиннее правого блока.
И дальше если еще вниз, то он таки едет фиксированным и у footer останавливается.

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

Ну как мог обьяснил )

Юзер

alexgut - 2015-06-1227 мая 2014 20:32 - #29285

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

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

Юзер

alexgut - 2015-06-1227 мая 2014 23:55 - #29295

Спасибо ПафНутиЙ, то что надо

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?