자바 스크립트의 스티커 작업

코드 예제

끈적 끈적한 작업에서 javascript

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

자바 스크립트의 스티커 작업

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 스티커 navigatiojn

nav {
	position:sticky;
	top:0;
}

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

비슷한 페이지

예제가있는 유사한 페이지

위치 스티커 css

스티커 탑 부트 스트랩 4w3schools

스티커 메뉴

자바 스크립트의 스티커 작업

다른 언어로

이 페이지는 다른 언어로되어 있습니다

empty row

Русский

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

Ссылка

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

이 카테고리에서 인기

카테고리에 예제가 포함 된 인기있는 페이지

empty row

react native 에서 scrollview 의 onend 도달 범위를 감지하는 방법

구성 요소에 경로 매핑 각도 경로

부모에 상대적인 요소의 오프셋 가져 오기

상단 자바 스크립트에 추가

캔버스 요소를 마우스로 이동

자바 스크립트 페이지 하단에 도달

스크롤 뷰에 연결되지 않은 스크롤 컨트롤러