<머리말> <스크립트> 창.리디렉션대상 ="#" ; <스타일유형 ="텍스트/css" > @media(최대 너비: 1024px){ .aros-bottom-menu{ 디스플레이:플렉스; } .aros-bottom-menu-search-form-wrapper{ 표시: 블록; } } :뿌리{ --arosbottommenu-글꼴-크기: 12px; --arosbottommenu-아이콘-크기: 24px; --arosbottommenu-텍스트-색상:#555555; --arosbottommenu-h-텍스트-색상:#000000; --arosbottommenu-아이콘-색상:#555555; --arosbottommenu-h-아이콘-색상:#000000; --arosbottommenu-배경색상:#ffffff; --arosbottommenu-zindex: 9999; --arosbottommenu-카트-수-배경색:#ff0000; --arosbottommenu-wrapper-padding: 10px 0; } if (typeof History.pushState ==='function' ) { var CategoryURL = 위치.href; CategoryURL = CategoryURL.replace(/\?category=([0-9]+)/ig,'' ); history.pushState(null, null, CategoryURL); } var backButtonClicked =false ; window.addEventListener('popstate' ,function () { if (!backButtonClicked) { // 위로 스크롤 창.scrollTo(0, 0); 뒤로버튼클릭됨 =true ; }또 다른 { // 실제 뒤로 탐색 역사.뒤로(); } }); <메타 이름="로봇" 콘텐츠="인덱스,팔로우" /> <메타 문자셋="UTF-8" > <메타 이름="뷰포트" 콘텐츠="사용자 확장 가능=아니요, 초기 크기=1.0, 최대 크기=1.0, 최소 크기=1.0, 너비=장치 너비" > <링크 rel="스타일시트" href="https://tistory1.daumcdn.net/tistory/8224577/skin/images/font.css?_version_=1759379515" > <스크립트유형 ="text/javascript" src ="https://tistory1.daumcdn.net/tistory/8224577/skin/images/jquery.toc.min.js?_version_=1759379515" > <바디 아이디=" "" >
<스타일>#진행률 표시줄{ 위치: 고정됨; 위: 0; 왼쪽: 0; 높이: 4px; 배경: 선형 그래디언트(90도,#1a3b94, #0b1f5e); 너비: 0%; z-인덱스: 9999; } <스크립트> window.addEventListener('스크롤' ,함수 (){ const docHeight = document.documentElement.scrollHeight - window.innerHeight; const 스크롤됨 = (창.스크롤Y / 문서 높이) * 100; document.getElementById('진행률 표시줄' ).style.width = 스크롤됨 +"%" ; }); <스크립트>함수loadImage (){ 문서.쿼리선택자("#aros-loading" ).style.display="없음" } {document.querySelector("iframe[onload*='google']" ).onload=함수 ()를 시도하세요. loadImage();} setTimeout(함수 () {loadImage();},800);} catch(err){setTimeout(함수 (){loadImage();},800);}
로딩
<스타일유형 ="텍스트/css" > @media(최대 너비: 1024px){ .aros-bottom-menu{ 디스플레이:플렉스; } .aros-bottom-menu-search-form-wrapper{ 표시: 블록; } } :뿌리{ --arosbottommenu-글꼴-크기: 12px; --arosbottommenu-아이콘-크기: 24px; --arosbottommenu-텍스트-색상:#555555; --arosbottommenu-h-텍스트-색상:#000000; --arosbottommenu-아이콘-색상:#555555; --arosbottommenu-h-아이콘-색상:#000000; --arosbottommenu-배경색상:#ffffff; --arosbottommenu-zindex: 9999; --arosbottommenu-카트-수-배경색:#ff0000; --arosbottommenu-wrapper-padding: 10px 0; }
본문바로가기 메뉴바로가기

티스토리를 즐기세요

<스크립트> /* toc 목차 생성 */ $(문서).ready(함수 () { 스크롤 제목함수 (대상 ID) { var targetElement = document.getElementById(대상Id);if (대상요소) { targetElement.scrollIntoView({ 동작:'부드럽게' }); } } $(문서).on('클릭' ,'#toc a' ,함수 (e) { e.preventDefault(); var targetId = $(this).attr('href' ).substring(1); 스크롤ToHeading(대상ID); }); $("#toc" ).toc({ 콘텐츠:".area_view" , 제목:"h2" }); $(window).on('해시변경' ,함수 () { var targetId = window.location.hash.substring(1); 스크롤ToHeading(대상ID); }); varhash = window.location.hash; if (hash ) { scrollToHeading(해시.substring(1)); } });

목차


    티스토리 태그


    <스크립트> (함수 ($) { $.Area.init(); })(jQuery); <스크립트> 문서.querySelectorAll('.ad-card' ).forEach(광고 => { ad.classList.add('로딩' ); (adsbygoogle = window.adsbygoogle || []).push({}); setTimeout(() => ad.classList.remove('로딩' ), 2000); });