|
| Дата: Пятница, 18.10.2013, 12:44 | Сообщение # 1 |
|
Группа: Администраторы
Сообщений: 1530
| Иногда бывает полезным видеть верхнее меню при пролистывании(скроллинге) документа.
При этом всю шапку сайта видеть не целесообразно. Ниже приведен скрипт, решающий эту проблему
<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/
|
| |
| |
Играйте бесплатно в 
