차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

다음 판
이전 판
tech:javascript_scroll_then_snap_to_top [2014/10/20 00:01] – 만듦 V_Ltech:javascript_scroll_then_snap_to_top [2016/07/12 09:26] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
 +{{tag>javascript scroll   snap 자바스크립트  }}
 ====== Javascript Scroll Then Snap To Top ====== ====== Javascript Scroll Then Snap To Top ======
  
줄 33: 줄 34:
 }); });
 </script> </script>
 +</file>
 +
 +<file less>
 +  /******************* TOC ***********************/  
 +#dw__toc  {
 +     
 +    border:1px solid #e5e5e5;
 +    padding: 0.5em; 
 +    border-radius:7px;
 +    margin:1em 0.5em;   max-width:300px; float:right;
 +    h3 { padding-top:0; margin: 0; font-size:18px; line-height:20px;vertical-align:middle;text-align: center  }
 +    ul {list-style:square; margin:0 0 0 1em;padding:0;color:#aaa;}
 +    li  { padding-left: 0.7em;     text-indent: -1em;}
 +}
 +
 +.toc_docked { margin:0!important; padding:0!important;right:15px;
 +     border:none!important;
 +     border-radius:0!important;
 +    background: no-repeat   right top url(images/icon-bookmark.png);
 +
 +.toc_docked h3 { margin:0; padding:0px; width:44px; height:48px; overflow:hidden; font-size:12px!important;   }
 +.toc_docked div{display:none;}
 +.toc_docked:hover h3 ,.toc_docked:active h3 {color:#333; width:auto; height:auto;}
 +.toc_docked:hover div,.toc_docked:active div {display:block;}
 +.toc_docked:hover,.toc_docked:active  {background-color:#F5F5F5; padding:0.5em!important;     border:1px solid #e5e5e5!important;
 +    border-top-left-radius:0em!important;
 +    border-top-right-radius:0em!important;
 +    border-bottom-left-radius:1em!important;
 +    border-bottom-right-radius:1em!important;}
 </file> </file>
  
  
-{{tag>javascript scroll   snap  }}