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

[angel_sia]

Пациент Для просмотра ссылки Войди или Зарегистрируйся

Проблема меню не скрулит. Кто подскажет в чем загвоздка?
Спасибо.

 

[borodatych]

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

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

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

 

[angel_sia]

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

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

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

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

up сделал.

 

[borodatych]

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

Вот так должно заработать:

$(".menu-link").on("click",function(){
    fullScreenMenu.removeClass("menu-opened");
 
   $(document.body).animate({
       'scrollTop': $( $(this).attr("href") ).offset().top
   }, 2000);

    return false;
});

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

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

 

[angel_sia]

Вот так должно заработать:

$(".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 то переход работает но без анимации.

 

[borodatych]

В вашем варианте нет анимации все выходит на круги своя.

Странно, конечно, я даже в консоле просто выполнил:

$(".menu-link").on("click",function(){

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

    return false;
});

И оно работает.

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

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

 

[angel_sia]

Странно, конечно, я даже в консоле просто выполнил:

$(".menu-link").on("click",function(){

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

    return false;
});

И оно работает.

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

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

Подправил вот так арбайтен.