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

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


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

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

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

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

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

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

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

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


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

Комментарии пользователей (5)

alexgut
1

40 | 2

alexgut - 27 мая 2014 19:35 - Юзер

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

D0Gmatist
225

794 | 281

D0Gmatist - 27 мая 2014 20:15 - Местный

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

Каждый программист знает - в правильном софте все должно быть прекрасно:
и пользовательский интерфейс, и программные решения, и гениальные ошибки!
Болтовня ничего не стоит. Покажите мне код.

alexgut
1

40 | 2

alexgut - 27 мая 2014 20:29 - Юзер

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

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

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

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

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

alexgut
1

40 | 2

alexgut - 27 мая 2014 20:32 - Юзер

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

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

alexgut
1

40 | 2

alexgut - 27 мая 2014 23:55 - Юзер

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

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

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