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

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

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

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

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

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>

Удачи вам

Реклама


| Умное продвижение сайтов в ТОП! | Самые перспективные языки программирования: тройка лучших | Предоставление аренды VPS | Интернет-магазин товаров для животных Zoomark | Конструктор сайтов: хочу все знать | Услуги по продвижению сайтов | Как согласовать вывеску на фасаде магазина? | Полноценный сайт или лендинг пейдж | Покраска мебели в Москве | Колеса для тележек бортового питания | Поделки из проволоки своими руками | Лучшее турагентство в Киеве предлагает вам свои услуги | Как увеличить продажи установив виджет отзывов о компании | Покраска МДФ в Москве | Несколько альтернативных способов бросить свадебный букет в толпу незамужних подруг | Как создавать кейсы по продвижению сайтов | Как раскручивать интернет-магазин в Интернете | Оценка интеллектуальной собственности | Создание и продвижение сайтов | Для успешного развития своего бизнеса во всемирной сети мы советуем вам воспользоваться созданием сайтов от опытных специалистов | Интернет магазин кофе и чая "Сoffeetrade", поможет вам проснуться с утра и чувствовать прилив энергии весь день