Якорь не загружается на новую страницу

Question

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

Я также добавил гладкую прокрутку с некоторыми jquery, найденными в Интернете, а также попытался удалить предупреждение по умолчанию.

Это - мой сайт http://stefangloeggl.com, подводным страницам можно связаться, кликая на одной из первых фотографий.

Моя разметка выглядит примерно так.

<a href="index.php#work">Work</a> 
<a href="index.php#about">About</a> 

<div name="work" id="work"> 
Work 
</div> 

<div name="about" id="about"> 
Biography 
</div> 

Приятно оценить некоторую помощь по этому вопросу.

Answer 1

На вашей странице довольно странная структура. Кажется, что разметка вашей страницы имеет рост/ширину 100%, а ваши якоря - внутри друг друга. Лучшее решение - сделать чистую разметку с нуля.

Быстрое, но грязное решение заключается в том, чтобы добавить window.location.hash, проверяя готовность документа, затем активируйте плавный свиток.

Как это:

$(document).ready(function(){ 
if (window.location.hash.length>1) { 
    $('html, body').animate({ 
     scrollTop: $(window.location.hash).offset().top 
    }); 
} 
});