Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по PHP » Плавающий блок как на http://news.mail.ru/

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


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

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

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

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

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

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

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

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


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

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

alexgut
Юзер

alexgut - 27 мая 2014 19:35 -

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

D0Gmatist
Юзер

D0Gmatist - 27 мая 2014 20:15 -

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

alexgut
Юзер

alexgut - 27 мая 2014 20:29 -

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

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

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

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

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

alexgut
Юзер

alexgut - 27 мая 2014 20:32 -

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

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

alexgut
Юзер

alexgut - 27 мая 2014 23:55 -

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх