Как заставить работать якоря при ajax подгрузке?

Question

[griff92]

Здравствуйте, реализовал AJAX подгрузку секций лендинга при прокрутке. Реализовал подгрузку посекционно. Секции успешно запрашиваются поочередно с сервера и добавляются в документ посредством

$("section:last").after(data);

Но появилась проблема: на каждой секции лендинга стоит якорь и на этот якорь завязан пункт меню.

Вопрос: Как реализовать навигацию, если по факту ни одна(при старте) или несколько(при просморе) секций недоступны для просмотра, а пользователь уже кликает по их якорям?

Comments

[Антон]

Так может сделать загрузку по клику на пункт, и пусть ЖСом скролится к нему по саксесу?

[Evgeniy Kvasyuk]

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

[griff92]

Evgeniy Kvasyuk, желание заказчика - закон)

[Evgeniy Kvasyuk]

А заказчик хотел именно запрос за данными или просто визуальный показ по прокрутке? Обычно реализация на откуп исполнителю.

[griff92]

Evgeniy Kvasyuk, Заказчик хотел подгрузку "как ВК", ну я и реализовал AJAX, понимая, что это плохо для SEO, но мыслей просто скрывать и показывать контент - не было. Теперь мучаюсь с якорями

[Evgeniy Kvasyuk]

ну вы сами себя вздрочнули, на самом деле лучше переделать реализацию с ajax, чем сейчас городить огород из костылей

Answer 1

[Дмитрий Пыркин]

$('body').on('click','.link',function(){
$(window).scrollTop($('#section').offset().top)
})