Нужна помощь грешу на JS

angel_sia

Гуру форума
Регистрация
7 Окт 2012
Сообщения
252
Реакции
92
Пациент Для просмотра ссылки Войди или Зарегистрируйся

Проблема меню не скрулит. Кто подскажет в чем загвоздка?
Спасибо.
 
1. ID на странице должен быть уникальным, я про contact.
Остальные, если не проморгал, вроде гуд, но перепроверьте.
Но не в этом причина

2. У вас на клике по ссылки return false идет:

Код:
var fullScreenMenu = $("#default-menu");
    ...
    $(".menu-link","#default-menu").on("click",function(){
        fullScreenMenu.removeClass("menu-opened");
        return false;
    });
 
1. ID на странице должен быть уникальным, я про contact.
Остальные, если не проморгал, вроде гуд, но перепроверьте.
Но не в этом причина

2. У вас на клике по ссылки return false идет:

Код:
var fullScreenMenu = $("#default-menu");
    ...
    $(".menu-link","#default-menu").on("click",function(){
        fullScreenMenu.removeClass("menu-opened");
        return false;
    });

Еще бы заставить плавно это бегать по странице.

up сделал.
 
Последнее редактирование:
Еще бы заставить плавно это бегать по странице.
Вот так должно заработать:
Код:
$(".menu-link").on("click",function(){
    fullScreenMenu.removeClass("menu-opened");
 
   $(document.body).animate({
       'scrollTop': $( $(this).attr("href") ).offset().top
   }, 2000);

    return false;
});
Если что, со временем поиграйтесь, для нужной плавности.

В последнем не вижу смысла повторно вешать событие на "#default-menu".
 
Вот так должно заработать:
Код:
$(".menu-link").on("click",function(){
    fullScreenMenu.removeClass("menu-opened");

   $(document.body).animate({
       'scrollTop': $( $(this).attr("href") ).offset().top
   }, 2000);

    return false;
});
Если что, со временем поиграйтесь, для нужной плавности.

В последнем не вижу смысла повторно вешать событие на "#default-menu".

В вашем варианте нет анимации все выходит на круги своя.
если убрать return false то переход работает но без анимации.
 
В вашем варианте нет анимации все выходит на круги своя.
Странно, конечно, я даже в консоле просто выполнил:
Код:
$(".menu-link").on("click",function(){

   $(document.body).animate({
       'scrollTop': $( $(this).attr("href") ).offset().top
   }, 20000);

    return false;
});
И оно работает.

Попробуйте заменить: $(document.body)
На: $('html, body')

Это лишние, но вдруг...
 
Странно, конечно, я даже в консоле просто выполнил:
Код:
$(".menu-link").on("click",function(){

   $(document.body).animate({
       'scrollTop': $( $(this).attr("href") ).offset().top
   }, 20000);

    return false;
});
И оно работает.

Попробуйте заменить: $(document.body)
На: $('html, body')

Это лишние, но вдруг...

Подправил вот так арбайтен.
 
Назад
Сверху