Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
47 / 32 / 9
Регистрация: 05.01.2013
Сообщений: 307
1

Появление и исчезновение меню: исправить код

01.03.2014, 14:26. Просмотров 682. Ответов 1
Метки нет (Все метки)


Сделал так, чтобы при скроллинге вниз менюшка красиво появлялась, а при скроллинге вверх - красиво уходила) Но есть но: если много раз покрутить вверх-вниз, а потом остановится, то меню начинает дергатся вверх-вниз, что не есть хорошо( Подскажите, как избежать такого.
Вот код, которым всё это дело воспроизводится:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function () {
   $(window).scroll(function () {
        if ($(window).scrollTop() >= 210) {
            $("#move").css({
                                    position:fixed;
                                    opacity:0.8;
                                    marginLeft:-480px;
                                    left:50%;
                                   });
            $("#move").slideDown(600);
        }
        else {
            $("#move").slideUp(600);
        }
    });
});
Добавлено через 6 минут
Извиняюсь - не тот код(
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(window).scroll(function () {
        if ($(window).scrollTop() >= 210) {
            $("#move").css({position:"fixed",
                           opacity:"0.8",
                           marginLeft:"-480px",
                           left:"50%",}
                           );
            $("#move").slideDown(600);
 
        }
        else {
            $("#move").slideUp(600);
        }
    });
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
01.03.2014, 14:26
Ответы с готовыми решениями:

Появление/исчезновение элементов и исчезновение при клике на другой
Привет. Есть такое меню (картинка ниже). Нужно чтобы при клике на ссылку, появлялись текст и...

Появление/исчезновение блока
Привет! Хочу сделать, казалось бы простую штуку, но не получается. Есть объект...

Появление и исчезновение окружностей
Помогите пожалуста))) Не могу решить такую задачу. Создайте приложение, в котором по нажатию...

Появление / Исчезновение кнопок
Здравствуйте! Делаю небольшую программку и возникла необходимость прятать / показывать кнопки...

__________________
Помогаю в написании курсовых работ и дипломов здесь.
Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
1
3230 / 2776 / 1395
Регистрация: 15.01.2014
Сообщений: 6,089
01.03.2014, 15:00 2
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
var flag = false,
    curScroll = 0,
    moveBlock = $("#move");
$(window).scroll(function () {
    curScroll = $(window).scrollTop();
    setTimeout(function(){
        if (curScroll >= 210) {
            moveBlock.css({
                position: 'fixed',
                opacity: 0.8,
                marginLeft: -480,
                left: '50%',
            });
            if(!flag) {
                flag = true;
                moveBlock.stop().slideDown(600);
            }
 
        }
        else {
            if(flag){
                flag = false;
                moveBlock.stop().slideUp(600);
            }
        }
    },5);
});
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
01.03.2014, 15:00

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь или здесь.

Div -появление и исчезновение
Здрасти (= надо что бы при нажатие кнопки див невидный становился видным и на оборот ...

Плавное появление и исчезновение
Всем привет. Хотела, чтобы при наведении на кнопку выпадающий список плавно появлялся, а если...

Появление и исчезновение картинок
Здравствуйте. Помогите с кодом, нужно чтобы картинка исчезла через 5 секунд, а на ее месте сразу...

Исчезновение кнопки и появление текста
Ребят на сайте есть кнопка отправки данных, надо чтобы после нажатия кнопка исчезала и появлялся...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.