1. मुख पृष्ठ
  2. Javascript

जावास्क्रिप्ट में स्टिकी संचालन

कोड उदाहरण

3
0

चिपचिपा संचालन में जावास्क्रिप्ट 

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

जावास्क्रिप्ट में स्टिकी संचालन 

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

सीएसएस चिपचिपा navigatiojn 

nav {
	position:sticky;
	top:0;
}

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

इसी तरह के पन्ने

उदाहरणों के साथ समान पृष्ठ

स्थिति स्टिकी सीएसएस
स्टिकी टॉप बूटस्ट्रैप 4 डब्ल्यू 3 स्कूल्स
स्टिकी मेनू
जावास्क्रिप्ट में स्टिकी संचालन

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Ссылка
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
Slovenský
..................................................................................................................
Odkaz
Балгарскі
..................................................................................................................
Спасылка
Íslensk
..................................................................................................................
Link

इस श्रेणी में लोकप्रिय

श्रेणी में उदाहरण के साथ लोकप्रिय पृष्ठों

जेएस का उपयोग करके डिवाइस की चौड़ाई की जांच करें
सीएसएस div के तल पर div
पृष्ठ नेविगेशन में कोणीय
डिवाइस चौड़ाई जेएस
जेएस स्क्रीन का आकार पता है
रिएक्ट नेटिव में स्क्रॉलव्यू की वनएंड पहुंच का पता कैसे लगाएं
घटकों कोणीय मार्गों के लिए मानचित्रण पथ
माता-पिता के सापेक्ष तत्व की ऑफसेट प्राप्त करें
शीर्ष जावास्क्रिप्ट में संलग्न करें
माउस के लिए कैनवास तत्व ले जाएँ
जावास्क्रिप्ट पहुँच पृष्ठ के नीचे
स्क्रॉलकंट्रोलर किसी भी स्क्रॉल दृश्य से जुड़ा नहीं है
जावास्क्रिप्ट परिवर्तन फ्रेम पृष्ठभूमि
सीएसएस शुरू एनीमेशन
प्रतिक्रिया करें कि तत्व को स्क्रॉल कैसे करें
कोणीय परिवर्तन मार्ग