Отсутствует плавный скроллинг по якорям

[kos0760]

Здравствуйте! Есть у меня сайт-лендинг из одной страницы. Я к каждому блоку на этой странице добавил якоря, чтобы при нажатии на соотв. пункт меню перемещаться по сайту. Подключил скрипт для плавности перемещения

$('.sp-megamenu-wrapper ul li a').click(function(){
    $('html, body').animate({
  	scrollTop: $( $(this).attr('href') ).offset().top
        }, 900);
      return false;
   });

Ссылки на якоря в меню я прописываю в виде #id_якоря. Вроде как все хорошо, пока не понадобилось добавить на сайт еще несколько страниц. Если я нахожусь на любой из этих страниц и нажимаю на какой-либо пункт меню, я не могу переместиться к нужному якорю на главной. Если прописываю в меню путь к якорям в виде http://имя_домена.ru#id_якоря, тогда все ок, попадаю куда нужно. Но тогда, когда я на главной, пропадает плавная навигация при выборе пунктов меню. Перемещение идет рывками. Может кто сталкивался с подобным и подскажет, как решить проблему. Спасибо!

[рони]

kos0760,
как вариант: дописывать путь в скрипте если не на главной

[kos0760]

kos0760,
как вариант: дописывать путь в скрипте если не на главной

Если бы вы подсказали как это сделать, я был бы очень благодарен!

[рони]

kos0760,
ссылку скиньте в личку

[Deff]

тогда все ок, попадаю куда нужно. Но тогда, когда я на главной, пропадает плавная навигация при выборе пунктов меню. Перемещение идет рывками. Может кто сталкивался с подобным и подскажет, как решить проблему. Спасибо!

Как Вариант:
Удалять расширения ссылок на текущей странице

var lnk = document.URL.replace(/#.*$/,'');
a[href^=lnk].each(function(){
  this.href = this.href.replace(lnk,'');
});

[рони]

kos0760,
пропишите пути как делали -- а чтобы вернуть плавность замените ваш скрипт на этот

jQuery('.sp-megamenu-wrapper ul li a').click(function(){
    var sel = this.hash;
    jQuery('html, body').animate({
  	scrollTop: jQuery(sel).offset().top
        }, 900);
      return false;
   });

[kos0760]

Рони, спасибо! Кажется заработало!

[рони]

kos0760,
можно ещё так дополнить ...

jQuery('.sp-megamenu-wrapper ul li a').click(function(){
    var sel = this.hash;
    jQuery('html, body').animate({
  	scrollTop: jQuery(sel).offset().top
        }, 900);
      return false;
   });

  var hash = document.location.hash;
  hash && jQuery('.sp-megamenu-wrapper ul li a[href *="'+hash+'"]').click();

только вопрос успеет сработать или нет )))

[kos0760]

jQuery('.sp-megamenu-wrapper ul li a').click(function(){
    var sel = this.hash;
    jQuery('html, body').animate({
  	scrollTop: jQuery(sel).offset().top
        }, 900);
      return false;
   });

  var hash = document.location.hash;
  hash && jQuery('.sp-megamenu-wrapper ul li a[href *="'+hash+'"]').click();

Ну в принципе и предыдущее решение как бы работает неплохо, но я добавил ваш новый код. Только вот кнопка "домой" в меню не работает как остальные пункты, но мне это не важно, здесь страница перемещается наверх, можно просто сделать отдельную кнопку с такой функцией, а этот пункт меню убрать.

[kos0760]

jQuery('.sp-megamenu-wrapper ul li a').click(function(){
    var sel = this.hash;
    jQuery('html, body').animate({
  	scrollTop: jQuery(sel).offset().top
        }, 900);
      return false;
   });

  var hash = document.location.hash;
  hash && jQuery('.sp-megamenu-wrapper ul li a[href *="'+hash+'"]').click();

Только сейчас понял в чем разница. Вы сделали плавное перемещение с другой страницы на якоря главной. Оно заметно, если блок с якорем близко к началу страницы.