Sticky operace v JavaScriptu

Příklady kódu

sticky operace v javascriptu

var siteHeader = document.getElementById('siteHeader'),
    siteNav = document.getElementById('siteNav');

    window.onscroll = function() {
        if ( siteNav.offsetTop < document.documentElement.scrollTop + 26 || siteNav.offsetTop < document.body.scrollTop + 26) {
            siteHeader.setAttribute("class","sticky");
        }
        else {
            siteHeader.setAttribute("class","");
        }
    }

sticky operace v JavaScriptu

var siteHeader = document.getElementById('siteHeader'),
    siteNav = document.getElementById('siteNav');

    window.onscroll = function() {
        if ( siteNav.offsetTop < document.documentElement.scrollTop + 26 || siteNav.offsetTop < document.body.scrollTop + 26) {
            siteHeader.setAttribute("class","sticky");
        }
        else {
            siteHeader.setAttribute("class","");
        }
    }

css sticky navigatiojn

nav {
	position:sticky;
	top:0;
}

/*Top can be replaced with bottom, left, or right 
	depending on what you want :) */

Související stránky

Související stránky s příklady

pozice sticky css

sticky top bootstrap 4 w3schools

sticky menu

sticky operace v JavaScriptu

V jiných jazycích

Tato stránka je v jiných jazycích

empty row

Русский

..................................................................................................................

Ссылка

English

..................................................................................................................

Link

Italiano

..................................................................................................................

Link

Polski

..................................................................................................................

Link

Română

..................................................................................................................

Legătură

한국어

..................................................................................................................

링크

हिन्दी

..................................................................................................................

लिंक

Français

..................................................................................................................

Lien

Türk

..................................................................................................................

Atıf

Português

..................................................................................................................

Referênci

ไทย

..................................................................................................................

เชื่อมโยง

中文

..................................................................................................................

链接

Español

..................................................................................................................

Referencia

Slovenský

..................................................................................................................

Odkaz

Балгарскі

..................................................................................................................

Спасылка

Íslensk

..................................................................................................................

Link

Populární v této kategorii

Oblíbené stránky s příklady v kategorii

empty row

zkontrolujte šířku zařízení pomocí js

css div v dolní části div

úhlová navigace na stránce

šířka zařízení js

js vědět velikost obrazovky

jak zjistit onend dosah scrollview v react native

mapování cest k úhlovým trasám komponent

získejte posun prvku vzhledem k rodiči

připojte se k horní části JavaScriptu

přesunout plátno prvek myši

javascript dosáhnout dolní části stránky

ScrollController není připojen k žádnému zobrazení scroll

javascript změnit pozadí rámečku

css start animace

reagovat jak přejít na element

úhlová změna trasy