Закрепленное меню при прокрутке

Аватар пользователя Skimer
Не в сети
Последнее посещение: 3 года 19 недель назад
Зарегистрирован: 2014-07-13
Сообщения:
Здравствуйте уважаемые форумчане! У меня появилась маленькая проблема. Хочу сделать так, чтобы меню сайта закреплялось при прокрутке страницы вниз и вверх. Нашел в сети какую-то инструкцию, но не смог полностью с ней разобраться. Кто делал у себя на сайте или просто знает, подскажите пожалуйста как сделать. Нужно подробное описание данного процесса.
Аватар пользователя tornado5
Не в сети
Последнее посещение: 2 недели 2 дня назад
Зарегистрирован: 2014-06-24
Сообщения:
Что бы дать вам какие-то

Что бы дать вам какие-то рекомендации, хотелось бы сразу узнать, что конкретно у вас за сайт, а, главное, на каком движке он работает. Или, возможно, вы пишете сайт на чистом html-коде? А так, слишком мало информации, что бы посоветовать что-то конкретное.

Аватар пользователя Skimer
Не в сети
Последнее посещение: 3 года 19 недель назад
Зарегистрирован: 2014-07-13
Сообщения:
Как-то не подумал написать об
Как-то не подумал написать об этом. Сайт пишу с нуля на html, компьютерная версия. Поэтому и код нужен только на html, без php. Да еще хотелось бы сделать кнопку вверх (как вконтакте, например), чтобы при ее нажатии перекидывало автоматически вверх страници. Если знаете, посововетуйте как такое реализовать.
Аватар пользователя dollyleony32
Не в сети
Последнее посещение: 1 неделя 3 дня назад
Зарегистрирован: 2014-04-18
Сообщения:
Вы не дали никакой
Вы не дали никакой технической информации, чтобы мы могли вам помочь. Хотя бы что за инструкцию вы читали. Радует, что вы решили закрепить меню. Могу сказать со своей пользовательской стороны, что это удобно, когда на сайте закрепляется к прокрутке меню. Ждем более детального описания вашей проблемы. Smile
Аватар пользователя DropDead
Не в сети
Последнее посещение: 3 года 13 недель назад
Зарегистрирован: 2014-07-14
Сообщения:
Как написано выше, вы не

Как написано выше, вы не дали конкретной информации. Но всеже вот код закрепленной панели

CSS

/*шапка*/header{ height:150px;}/*фиксированное плавающее меню*/#top_nav{ top: 150px; /*высота шапки в пикселях*/ position: fixed; z-index: 1000;}

А вот сам скрипт

<script> var h_hght = 150; // высота шапки var h_mrg = 0; // отступ когда шапка уже не видна $(function(){ $(window).scroll(function(){ var top = $(this).scrollTop(); var elem = $('#top_nav'); if (top+h_mrg < h_hght) { elem.css('top', (h_hght-top)); } else { elem.css('top', h_mrg); } }); });</script>

Удачи вам

Реклама


| Веб-студии в Москве | На чем зарабатывать веб-студии в кризис? Способы выживания | Современные методы тонирования автомобильных стекол | Курсы SEO продвижения и раскрутки | Автоматизация работы стоматологии | Доступная и эффективная контекстная реклама | Секретная система заработка в сети не имеющая аналогов | Работа в интернете для новичков на бирже для написания статей | Как работают развивающие центры для детей | Продвижение интернет-магазина | Зачем нужен блог? | Чем плох бесплатный сайт? | kurs-internet-marketinga-v-kieve | Выгодно приобретаем кухонные вытяжки | Автоматический обменник валют CoinHubb | SMS рассылки от ePochta SMS | Пользоваться невероятной популярностью в интернете вам поможет профессиональное продвижение сайтов | Конструктор сайтов – преимущества и возможности | Почему выгодно использовать рекламу в Интернете | Развитие имиджа - распространение качественного автопостинга