Navibari fikseerimine CSS-i ja Javascriptiga kerimisel

Proovige Meie Instrumenti Probleemide Kõrvaldamiseks

Selles artiklis tahan jagada lihtsaid näpunäiteid, kuidas luua kerimisel fikseeritud pealispind, et suurendada kasutajamugavust. Üldiselt koosnevad veebisaidid monotoonse kujuga päisest, külgribast ja jalusest. Kuid nüüd on palju atraktiivsema välimusega ja mitmekesise disainiga veebisaite.


Atraktiivseks olemisest ei piisa, veebilehe paremaks muutmiseks on oluline muuta veebileht kasutajasõbralikuks. Kerimisel navigeerimisriba fikseerimine muudab külastajate veebilehe sisuga tutvumise lihtsamaks.


Kleepuva riba fikseerimiseks lehe kerimisel on palju võimalusi, millest üks on lihtsa CSS-i atribuudi kasutamine järgmiselt.

|_+_| |_+_| |_+_| |_+_|

Või javascriptiga. Ülemise navigeerimisriba loomine pärast JavaScriptiga kerimist on veidi pikem kui ülaltoodud CSS-i puhul, see meetod.


Navigeerimisriba fikseerimine JavaScripti abil kerimisel

Navbari fikseeritud ülaosa pärast JavaScriptiga kerimist võib olla paindlikum muude funktsioonide haldamisel, sest kui õpid Javascripti, on seda lihtsam mõista.


1. samm – looge fail laiendiga .html > seejärel kopeerige html, css ja javascripti lähtekood, mille olen allpool kombineerinud:

|_+_|

Tulemus:


Ülaltoodud demo on näide selle artikli tuumast ja lõpust, kuidas luua CSS-i ja Javascripti abil kerimisel fikseeritud ülemine navigeerimisriba. Seega uurige iga ülaltoodud lähtekoodi, loodetavasti võib see aidata.


Kui teil on taotlus veebiarendaja disaini kohta HTML-i, CSS-i ja JavaScriptiga, esitage see kommentaaride veerus.