Изменение отображения шапки сайта при скроллинге страницы
DownLoad_Free

Изменение отображения шапки сайта при скроллинге страницы - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Изменение отображения шапки сайта при скроллинге страницы
Изменение отображения шапки сайта при скроллинге страницы
Дата: Пятница, 18.10.2013, 12:44 | Сообщение # 1
Группа: Администраторы
Сообщений: 1526
Иногда бывает полезным видеть верхнее меню при пролистывании(скроллинге) документа.
При этом всю шапку сайта видеть не целесообразно. Ниже приведен скрипт, решающий эту проблему

<script>

function hsh1() { // функция, которая восстанавливает шапку и переводит документ в начало
$("#topm").css("marginTop","0px");
$("#f1").css("height","170px");
$(document).scrollTop(0);
}

$(window).scroll(function () { //функция изменения меню при скроллинге html документа
var st=$(document).scrollTop();
$("#topm").css("marginTop","-115px");
if(st<100) {
$("#topm").css("marginTop","0px");
$("#f1").css("height","170px");
}
};);

</script>

Данный скрипт сдвигает шапку вверх за экран, оставляя только полоску меню
Параметры шапки восстанавливается:
1. Если пользователь возвращается вверх документа
2. Если пользователь "кливает" по меню



Это рабочий скрипт для сайта http://ludmila.nsk.su/web/
 
Архив » История мировых и локальных событий » История развития сайта » Изменение отображения шапки сайта при скроллинге страницы
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2017Хостинг от uCoz
^ Наверх ^
Пригодилось!