Как сделать якорное меню в битриксе?

Question

[z_u_q]

При создании обычного меню создаются разделы, а мне они не нужны, у меня одностраничник. Соответственно вопрос. Как сделать якорное меню в битриксе, чтобы его можно было редактировать из админки? Кто сталкивался, можете объяснить?

Answer 1

[Иван Иванов]

так же как и обычное меню делай. Только например вместо /katalog/ пиши #block1. У тебя в href созданного меню добавится якорь #block1. А нужному блоку задай id = "block1".

Comments

[z_u_q]

Иван Иванов а как быть с разделом? Он же создастся, если как обычное меню делать.

[Иван Иванов]

ты имеешь ввиду когда создаешь новый пункт меню, автоматически создаётся раздел? Ну удали его просто, если он тебе не нужен. Если у тебя созданное меню перекрывает старое меню, то просто для этого создай новый тип меню в админке. Настройки/Настройки модулей/Управление структурой. Вот там создай новый тип меню, например "Якорное меню". Затем в разделе Контенте/Файлы и папки/ нажми добавить новое меню. Выбери свой тип меню пропиши названия и якоря #block1, #block2. Вообще новые разделы не должны создаваться при этом. Но если вдруг создадутся, просто удали их. Только смотри не сотри нужные тебе. Потом вставляешь в нужное место компонент bitrix:menu и в настройках указываешь свой тип меню, а именно "Якорное меню" .

[z_u_q]

Иван Иванов, всё получилось, спасибо огромное за доступное объяснение)

[Иван Иванов]

z_u_q, Ну здорово )) тогда отметь решением мой первый коммент )

Answer 2

[Андрей Саврасов]

Для этого на странице нужны блоки с id до которого будет происходить прокрутка.
Пример:
<div id="test1"></div>

После того, как добавите включаете режим правки наводите на меню "Редактировать пункты меню"

В поле "ссылка" вписываете #test1

Если нужна плавная прокрутка, то это уже JavaScript.

$(document).ready(function(){
    $('.go_to').click( function(){ // ловим клик по ссылке с классом go_to
	var scroll_el = $(this).attr('href'); // возьмем содержимое атрибута href, должен быть селектором, т.е. например начинаться с # или .
        if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки
	    $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 500); // анимируем скроолинг к элементу scroll_el
        }
	    return false; // выключаем стандартное действие
    });
});

Для того, чтобы работал js нужно для тегов ссылок в компоненте меню дописать class="go_to"

Comments

[z_u_q]

Спасибо) Но это у меня написано))

Интересно, как создать меню в битриксе, чтобы при этом не создавались новые разделы, а в пути - лежал якорь.