CSS: scroll-margin in scroll-padding

CSS: scroll-margin in scroll-padding

Sidra običajno srečamo na spletnih straneh, namenjena so skakanju na točno določene dele vsebin. Slabost sider pa je, da pozicija ni vedno najbolj natančna.

Preberi
CSS: scroll-behavior

CSS: scroll-behavior

Scrollanje po strani oz. skoki na strani se običajno izvajajo s pomočjo t.i. sider. Skoki po strani s pomočjo sider pa so brutalni oz. hitri, brez animacije. Animacijo smo običajno dosegli s pomočjo JavaScripta oz. knjižnic. S pomočjo CSSja pa lahko ta efekt dosežemo precej lažje.

Preberi
Povezave na strani in pozicioniranje pogleda

Povezave na strani in pozicioniranje pogleda

Uporaba notranjih povezav, sider oz. povezav na strani, da vsebino pozicioniramo na vrhu ekrana/pogleda. V nekaterih primerih, kjer uporabljamo fiksirane glave ali navigacije pa postane to problem, saj slednje zakrivajo vsebino. Z malo CSS iznajdljivosti pa lahko dodamo takšnim povezavam malo več prostora zgoraj, pozicioniranje je tako lepše.

Preberi
Povezava na vrh – Back to top link

Povezava na vrh – Back to top link

Na spletnih mestih velikokrat srečamo povezavo “Na vrh” oz. angleško “Back to top”. Logika povezave je precej preprosta, uporabnika popelje na vrh strani, kar je v primeru dolgih vsebin precej uporabno.

Preberi