Как позиционироваться на конкретный слайд слайдера при открытии страницы?

Question

[Вадим]

Здравствуйте.
Есть слайдер на uikit. А точнее, слайдер из Yootheme Pro, визуального фреймворка для Joomla. Имеется несколько страниц, на которых этот слайдер (единый экземпляр) выводится (как модуль) и выполняет роль меню. Но вот беда, слайдер всегда позиционирован на первый слайд при открытии страницы. Хочу сделать так, чтобы при открытии страницы слайдер получал команду и скроллился на нужный мне слайд. Подскажите, пожалуйста, как это правильно сделать.

Вот, например, про эту страницу речь: sfox.mius-it.ru/doors/special - здесь слайдер должен сразу перейти к 6 слайду. А я не знаю, с какой стороны подступиться.

Answer 1

[exmmth]

Вот готовый код для вашего случая uikit slider:

let menu_item = document.querySelectorAll('.doorslider li > a');
for(let i = 1; i < menu_item.length; ++i){
    if(menu_item[i].getAttribute('href') == window.location.pathname){
        UIkit.slider('.doorslider').show(i);
    }
}

Answer 2

[d4c4237abc]

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

Comments

[Вадим]

Забыл сказать, что я html/css с учебником, а js по примерам.

Положим, как адрес страницы спарсить, я нагуглю.
Все это делается по onload?
И... блин, да, вопросов много с моими навыками. Короче, гуглить надо, потому что ответ коротким не будет.

[d4c4237abc]

mius_it

задаешь секции id.
парсишь в переменную адрес страницы.
через if проеверяшь страницу, если условие выполняется, вызываешь метод scroll до нужно id.

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

sfox.mius-it.ru/doors/special#id(вместо id пишешь свой id секции) и при переходе по этой ссылке, сразу будет открытие с секции у которой данный id (это называется якорь)