Skip to content

Latest commit

 

History

History
69 lines (35 loc) · 2.42 KB

ru_nav_extended.md

File metadata and controls

69 lines (35 loc) · 2.42 KB

Алгоритм поиска элемента можно изменить в случаях когда требуется иное поведение.

Атрибут user defined

<i class="fav-button nav-item" data-nav_ud="0,0,#pfl_film_watch,0"></i>

Если атрибут задан, то навигация перестает в некоторых случаях использовать интеллектуальный поиск элемента. В примере выше при нажатии "DOWN" фокус перейдет на элемент #pfl_film_watch Стороны указываются через запятую: up, right, down, left

<i class="fav-button nav-item" data-nav_ud="0,0,none,0"></i>

В этом примере нажатие кнопки "DOWN" будет игнорироваться.

Так же можно указывать каждую сторону отдельно

<i class="fav-button nav-item" data-nav_ud_up="none"></i>

В этом примере нажатие кнопки "UP" будет игнорироваться.

Если атрибут будет задан через .data(), то он будет как же использоваться.

Атрибут entry point

Атрибут который запрещает входить в элемент с определенного направления.

Точки входа задаются в атрибуте с помощью 0 и 1 через запятые

0 - входить нельзя

1 - входить можно

Стороны указываются в порядке CSS - top, right, bottom, left

<i class="fav-button nav-item" data-nav_ep="1,1,0,1"></i>

В этом примере в элемент нельзя войти снизу.

Фантомы

Фантом это такой nav-item, который при попадании в фокус переводит фокус на другой элемент. Работает только для клавиатуры. При управлении жестами игнорируется.

<div class="nav-item" data-nav-phantom=".selector_to_nav_item"></div>

В этом примере при попытке перейти из С в A фокус будет переведен на элемент B

http://immosmart.github.io/smartbox/examples/navigation/phantom/index.html

slide7