Blogas. Onlain.lt
Web dizainas

Sticky menu Zero bloke

Platforma Tilda turi tikrai nemenką Meniu blokų pasirinkimą, o konkretaus bloko nustatymuose jūs rasite tris meniu elgesio pasirinkimo galimybes - Static, Absolute ir Fixed.

Pastarasis pasirinkimas prifiksuoja svetainės meniu prie ekrano viršaus, todėl lankytojas visada turi navigaciją po ranka - nežiūrint to, kaip toli jis "nuscrollino". Tai yra ne tik patogu - dailus meniu yra puikus svetainės akcentas, dažniausiai matomas pirmu numeriu, tik atsidarius svetainei. Meniu vaizdas iškarto kalba lankytojui apie tai, ar jam bus patogu toliau naviguoti, ir ar verta tą daryti.

Tačiau neretas atvejis, kai iš viso meniu standartinių blokų pasirinkimo nei vienas neatitinka svetainės reikalavimų - reikia specifinio dizaino, išplėstinių funkcijų, meniu punktai netelpa ekrane ir eiliuojasi, ir panašiai. Tokiu atveju dizaineriai telkiasi į pagalbą redaktorių Zero Block.

Tačiau niuansas tame, kad Tilda Zero Bloką "supranta" kaip eilinį bloką, kuris "scrolinasi" standartiškai, kartu su kitais elementais,  mums jį reikia prifiksuoti ekrano viršuje, kad kiti svetainės elementai palįstų po meniu, t.y. mums reikalingas Sticky Menu, arba Sticky Navigation.

Šiam atvejui mes imamės burtų - specialaus skripto, kuris privers jūsų meniu "prisiklijuoti" ekrano viršuje.

Instrukcija:


1) Zero Bloke padarome reikiamą meniu.

2) Tiesiai po juo pritvirtiname bloką T123 iš kategorijos "Kiti" (HTML blokas).

3) Į HTML bloką statome skripto kodą.

4) Skripto kode keičiame bloko numerį #recXXXXXXXX į savo Zero Bloko numerį (jį rasite Zero Bloko nustatymų lango apačioje).

5) Publikuojame svetainę.



Skripto kodas:

​<style>
.floating {
width: 100%;
position: fixed;
top: 0;
z-index: 9997;
}
</style>
<script>
$(document).ready(function () {
var blockMenuID = '#rec161279317';
$(blockMenuID).addClass('floating');
});


Geros kūrybos ir rezultato!
Made on
Tilda