Search the Community
Showing results for tags 'sticky'.
Found 6 results
-
Всем привет! Я тут новичок, не пинайте сразу если что. Требуется аналог position sticky для IE (в режиме совместимости с 7). Надо чтобы в одну строку текст с кнопками и с пунктирной линией проходящей под ними посередине в любой ситуации прилипал к левой и правой границе окна, то есть чтобы не участвовал в горизонтальной прокрутке, но прокручивался вертикально. Также при растягивании окна, текст за которым следуют кнопки находились слева на 20%. То есть если сдвинуть скролл, строка с красной полоской должна остатся на месте, если растянуть окно, то красная полоса растягивается, "( Title )" немного сдвигается вправо. Надеюсь более менее объяснил, заранее спасибо. Забыл сказать, таких линий на форме 10 - 20 штук.
-
На сайте есть главное меню (где полоса поиска по сайту) и оно должно прилипать к экрану при прокрутке страницы. В HTML-файле на компьютере это работает, но на хостинге перестает, хотя это просто вёрстка. HTML: ... <body> <div class="box box-top sticky"> <div class="container"> <div class="menu_main"> ... </div> </div> </div> </body> ... CSS: .sticky { position: sticky; top: 0; z-index: 11000; }
-
Ребят, не могу сделать шапку с прилипанием как у этого сайта - http://it-office.msk.ru/ . Может есть готовые, написанные скрипты?
-
Приветствую! Я только изучаю bootstrap и в дизайне не силён. У меня такая проблема: Меню .navbar реализовано, как "липкое меню" и при прокрутке, когда прикрепряется к верху, его целостность рушится и подкладывается под карусель.
-
Мира всем. Ребята, такое дело. В яваскрипте я, конечно, что-то соображаю, но сейчас сложная ситуация. Большинство из вас в курсе, что подавляющее количество плагинов, которые позволяют эмулировать position: sticky; из светлого будушего яваскриптом (раз, два, три и так далее), отлично работают на десктопе, но в айфонах/айпадах sticky-элементы появляются резко и только тогда, когда я отпущу палец от экрана после его прокрутки, что в целом не сильно радует. Мне казалось, что ситуация неразрешима, и я почти смирился после безрезультатного гуглежа. Но тут наткнулся на промо-страницу iOS 8, в которой — о чудо! — плавающий элемент отрабатывает православно, сразу при прокрутке экрана айпада, как и должно быть! Покопавшись в коде, вроде нашёл участки, отвечающие за такое поведение, но сходу разобраться с этим так и не смог. Помогите, а? З.Ы.: слово «плавающие» в названии темы здесь, наверное, не совсем корректно, но, надеюсь, суть проблемы я хотя бы точно изложил.
-
В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.
