Поиск сообщества
Показаны результаты для тегов 'плавающий'.
Найдено: 1 результат
-
Любой плавающий блок в Invision Community 4 очень просто реализовать с помощью виджета ips.ui.sticky, который довольно просто в применении. Это может быть какой-то рекламный блок, двигающийся вместе с прокруткой страницы, или плавающий весь боковой блок. Пример кода реализации с использованием IPS4 Javascript фреймворка: <div data-ipsSticky data-ipsSticky-relativeTo='#ipsLayout_sidebar' data-ipsSticky-disableIn='tablet,phone'> Плавающий блок </div> Данный виджет закрепляет какой-либо блок внутри сайдбара, который будет его родителем, таким образом блок не выйдет за рамки сайдбара и не будет работать на планшетах и телефонах. У такой реализации есть своеобразный нюанс - при прокрутке страницы боковой блок сразу же закрепляется к верху окна браузера, если блок большой, то основная его часть останется недоступна для просмотра, пока пользователь не доскроллит до конца страницы. Правильней было бы сначала просмотреть весь боковой блок, после чего закрепить его в нижней части окна браузера. Пример: Для реализации такого вариант необходимо заменить шаблон core -> front -> global -> sidebar на следёющий код: В custom.css добавим:-
- 3
-
-
- Invision Community
- float
- (и ещё 1 )
