Якорные ссылки в начале статьи
Вложений: 1
Всем привет. Подскажите плиз скрипт для сайта на HTML без движка для автоматического добавления меню перед статьей (для вордпресс есть плагин подобный). Пример https://invest1.pro/strategy-imbalans/
Если подобного решения нет, готова заплатить за разработку. |
Все зависит от того, как там в статье у вас все это оформляется.
Если предположить, что в начале статьи ставится пустой div с классом, в котором должно быть размещено оглавление <div class="content"></div> А заголовки задаются элементами с классом и обязательным атрибутом id <h2 id="rzd4" class="header">Заголовок раздела 4</h2> Тогда можно использовать такой скрипт, разместив его в конце body <script> const headers = [...document.querySelectorAll('.header[id]')]; const content = headers.reduce((cont, hd) => { const li= document.createElement('li'); const a = document.createElement('a'); a.setAttribute('href', '#' + hd.id); a.textContent = hd.textContent; li.append(a); cont.append(li); return cont; }, document.createElement('ul') ); document.querySelector('.content').append(content); </script> Был бы пример статьи, можно было бы проверить его. |
Цитата:
|
Часовой пояс GMT +3, время: 05:07. |