Как сделать, чтобы и первый пункт ездил?

Question

[anyachecka]

href с #block работает( href="#block")

а href с косой линией нет href="/#about")
https://jsfiddle.net/up2ycgfe/

Answer 1

[Danny Arty]

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

<a href="http://site.ru">Кому-то пора почитать про азы HTML</a>

2. Потому что есть такой тег <base href="/">, который используется, когда вы указываете относительные ссылки и помогает формировать полный путь.
Например он указан так:
<base href="http://site.ru"/>

Тогда для ссылки

<a href="/#about">Кому-то пора почитать про азы HTML</a>

полный путь будет site.ru/#about, т.е в данном случае якорь будет искаться на главной странице, а не на той, где размещена ссылка

Comments

[anyachecka]

Danny Arty, это да
а как можно исправить?

[Danny Arty]

anyachecka,

это да

Ничего не поняла, но скажу-ка "Да".

Убрать слэш не пробовали?

[anyachecka]

Danny Arty, я поняла
просто требование такое - дословно ниже

Научить ссылки в якорях ездить, когда перед ними слеш (/#team и т.д.)

[Danny Arty]

anyachecka,
Пардон. Интересное задание

$(document).ready(function(){
  
  $('.main-header__link').click(function(event) {
    event.preventDefault();
    var clearHash = this.hash.replace("/","");

    $('html, body').animate({
        scrollTop: $(clearHash).offset().top
        }, 1000, function() {
          window.location.hash = this.hash; 
      });
  });

});

[anyachecka]

Danny Arty, такой нюанс. а почему в строке где адреас сайта может відавать undefined
это нормально? или плохо?

main.html#undefined

[Danny Arty]

anyachecka, в моем примере код для всех ссылок и поэтому после клика по неЯкорным ссылкам появляется undefined. Поменял код - теперь не будет

Answer 2

[Павел Корнилов]

В жутко-страшном виде (лучше не придумал):