Направите паметнији одговарајући мени за навигацију помоћу овог додатка јКуери
Сваки модерни сајт треба а Одговарајући Распоред и а употребљива навигација. То је дато.
Али, менији хамбургера могу ићи само тако далеко и они радикално мења употребљивост за различите величине екрана. Бољи начин да ово решимо је прогресивно скривање веза са додатком као што је ОкаиНав.
Овај бесплатни јКуери плугин додаје веома једноставну функцију менија на било коју страницу искрива навигацијске ставке, на основу различитих приказа. На тај начин корисници паметних телефона имају изборник за један хамбургер, али корисници таблета могу видјети и неколико линкова.
Подразумевано се ослања на а елемент и а дугачка неуређена листа. До сада, мислим да овај додатак не подржава вишеделне падајуће листе, али ако знате нешто о јКуери-у, можете то сами додати.
ОкаиНав је изузетно једноставан и то је намењене једноставнијим веб страницама које имају само неколико веза за навигацију. Ове везе полако се сакријте иза екранског менија када су погодили одређени приказ и више веза се скрива мање добија прегледач.
Мораћеш омотајте неуређену листу у навигацијском елементу и дати му одређени ИД. Онда можете циљајте целу нав са окаиНав () функционише овако:
вар навигатион = $ ('# нав-маин'). окаиНав (); Приметите да је ово само најједноставније подешавање без прилагођених функција. Можеш да радиш преко десет прилагођених опција уграђена у ову библиотеку ради контроле стила икона, анимације менија, свипе подршке и функција повратног позива.
Можете чак и да позовете мени отворити / затворити по вољи преношењем специфичних вредности на функцију. Ево једноставног примера отворите навигацију:
навигатион.окаиНав ('опенИнвисиблеНав'); Сви ови кодови су добро документовани у ГитХуб репо која такође укључује и преузимање скрипте. Ако желите ЦДН руту, можете користити и РавГит линк да додате ову скрипту директно из ГитХуб-а.
ОкаиНав ис одлично за мање локације које имају користи од технике прогресивне навигације. Али, ако још увек нисте сигурни како ово функционише, проверите овај демо на ЦодеПен-у који приказује шта овај мали плугин може да уради.
