1. Úvodná stránka
  2. Javascript

Sticky operácie v JavaScripte

Príklady kódu

3
0

sticky operácie v javascripte 

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","");
        }
    }
2
0

sticky operácie v JavaScripte 

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","");
        }
    }
1
0

lepkavý navigačný systém css 

nav {
	position:sticky;
	top:0;
}

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

Podobné stránky

Podobné stránky s príkladmi

pozícia sticky css
sticky top bootstrap 4 w3schools
lepkavé menu
sticky operácie v JavaScripte

V iných jazykoch

Táto stránka je v iných jazykoch

Русский
..................................................................................................................
Ссылка
English
..................................................................................................................
Link
Italiano
..................................................................................................................
Link
Polski
..................................................................................................................
Link
Română
..................................................................................................................
Legătură
한국어
..................................................................................................................
링크
हिन्दी
..................................................................................................................
लिंक
Français
..................................................................................................................
Lien
Türk
..................................................................................................................
Atıf
Česk
..................................................................................................................
Odka
Português
..................................................................................................................
Referênci
ไทย
..................................................................................................................
เชื่อมโยง
中文
..................................................................................................................
链接
Español
..................................................................................................................
Referencia
Балгарскі
..................................................................................................................
Спасылка
Íslensk
..................................................................................................................
Link

Populárne v tejto kategórii

Populárne stránky s príkladmi v kategórii

skontrolujte šírku zariadenia pomocou js
css div V dolnej časti div
uhlová navigácia na stránke
šírka zariadenia js
js vedieť veľkosť obrazovky
ako zistiť onend dosah posúvača v react native
mapovanie ciest k komponentom Uhlové trasy
získať posun prvku vo vzťahu k materskej
pripojiť na začiatok JavaScriptu
presunúť plátno prvok myši
javascript dosiahnuť spodnej časti stránky
ScrollController nie je pripojený k žiadnym zobrazeniam posúvania
pozadie zmeniť rám javascript
Úvodná animácia css
reagovať ako prejsť na element
trasa zmeny uhlov