|
Скрипт верхняя выдвижная панель
|
|
| workman | Воскресенье, 03 Января 2016, 18:05 | Сообщение 1 |
| Код верхняя выдвижная панель для сайта, которая подойдет под любую тематику, так как вы устанавливаете что нужно.
JSКод <script type="text/javascript">jQuery(function(f){var element=f('#workman-top');f(window).scroll(function(){element['fade'+(f(this).scrollTop()>100?'In':'Out')](500)})});</script><style>#workman-top{width:100%;height:62px;background-color:rgba(255,255,255,0.9);display:none;position:fixed;padding-top:5px;top:0;right:0;text-align:center;z-index:300;box-shadow:0 3px 7px 0 #C0C0C0}</style>
Вот сюда вставляем то что нужно было видеть сверху. Например можно вставить вашу менюшку Код <div id="workman-top">....</div>
Как работает можно посмотреть при прокрутке страницы.
Если кого не устраивает цвет панели, то спрашивайте в ЛС.
Сообщение отредактировал
workman - Воскресенье, 17 Января 2016, 13:45 | | [ RU ] |
| |
| Марковичь | Воскресенье, 03 Января 2016, 23:48 | Сообщение 2 |
| workman, а сама панель, можно скрин, чтоб понять.
| | [ RU ] |
| |
| Kosten | Понедельник, 04 Января 2016, 00:33 | Сообщение 3 |
| Цитата nikolla76 (  ) workman, а сама панель, можно скрин, чтоб понять.
Да ставил изображение, видать дисантура провела разведку боем и по сносила их.
| | [ RU ] |
| |
| workman | Понедельник, 04 Января 2016, 00:45 | Сообщение 4 |
|
| Цитата Kosten ( ) видать дисантура провела разведку боем и по сносила их.  Ничего я не по снасил. Это появляется при прокрутке страницы
| | [ RU ] |
| |
| Сопрано | Понедельник, 04 Января 2016, 00:45 | Сообщение 5 |
| workman, а вот JS нужно под дивы ставить? Просто постоянно пишут а как установить не слово.
Сообщение отредактировал
Trantel - Понедельник, 04 Января 2016, 00:45 | | [ RU ] |
| |
| workman | Понедельник, 04 Января 2016, 00:45 | Сообщение 6 |
|
| Trantel, Цитата Trantel ( ) а вот JS нужно под дивы ставить?
Код Просто постоянно пишут а как установить не слово.
Сообщение отредактировал
workman - Понедельник, 04 Января 2016, 00:47 | | [ RU ] |
| |
| Kosten | Понедельник, 04 Января 2016, 00:50 | Сообщение 7 |
|
| Просто ставим туда где хотите видеть.
Код <div id="workman-top">....</div>
А остальное, думаю можно в этом блоке оставить, но если дивы ставить вверх сайта в самый низ, то это не знаю, рядом наверное, но стили точно.
| | [ RU ] |
| |
| FeStemBer | Понедельник, 04 Января 2016, 00:54 | Сообщение 8 |
| Хороший скрипт, много встречал, но что то не когда не вникал, как все сделано, но больше зависит от темы еще, какая на сайте.
| | [ RU ] |
| |
| Траст | Понедельник, 04 Января 2016, 01:12 | Сообщение 9 |
| Здесь показана панель, которая могла просто стоять при открытие сайта, но если вы мосмотрите на DEMO вы его не увидите, пока не провернете колесо в низ и тогдаоно появиться. Так вот эти скрипты это делают.
Код <div id="workman-top">СТАВИМ ВАШУ ПАНЕЛЬ С АДРЕСАМИ ИЛИ ЧТО ВАМ ТАМ НУЖНО</div>
Быстро, дешево и сердито!
| | [ RU ] |
| |
| csretven | Понедельник, 04 Января 2016, 01:27 | Сообщение 10 |
| За такой скрипт спасибо, с меня плюс.
| | [ RU ] |
| |
| Kosten | Понедельник, 04 Января 2016, 01:49 | Сообщение 11 |
|
| Цитата csretven ( ) За такой скрипт спасибо, с меня плюс.
Как знаю workman, хлам на сайт не поставляет. 
| | [ RU ] |
| |
| workman | Понедельник, 04 Января 2016, 13:19 | Сообщение 12 |
|
| Цитата csretven ( ) За такой скрипт спасибо, с меня плюс 
| | [ RU ] |
| |
| Kosten | Понедельник, 28 Января 2019, 22:18 | Сообщение 13 |
|
| Может кто попробует установить, то что то не получается вывести.
| | [ RU ] |
| |
| -SAM- | Вторник, 29 Января 2019, 02:58 | Сообщение 14 |
| Kosten, пробовал ставить - работает. Как и писалось в теме, что содержимое внутри того, что находиться в этом идентификаторе, то перестает быть видимым (в стилях идёт там display:none), а при прокрутке страницы - потом показывается, когда в самый верх страницы поднимаешься (это тоже регулируется в скрипте, как и скорость затухания-появления).
UPD.: понятно. Кстати, этот же скрипт и для кнопки "Вверх" используется, только там логика в другом: скрывать кнопку пока страницу на определенную высоту не прокрутишь вниз.
Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".
Сообщение отредактировал
-SAM- - Вторник, 29 Января 2019, 03:44 | | [ UA ] |
| |
| Kosten | Вторник, 29 Января 2019, 03:36 | Сообщение 15 |
|
| -SAM-, вот в чем дело, что при прокрутки, то проверял на codepen.io, где не чего не вывело. Нужно на тестовом проверить, да возможно на главную закинуть.
| | [ RU ] |
| |
