jQuery sticky menu, scroll spy

See the Pen jQuery sticky, spy by miok (@slog-miok) on CodePen. CSS *{margin: 0 ; padding: 0} ol,ul{list-style: none} a{color: #333; text-decoration: none} #wrap{width:1000px; margin: 0 auto; overflow: hidden} header{position: fixed; left:0; top:0; height:150px; background: #0f0; width: 100%; z-index: 50} .main{height: 200px; background: orange; margin-top: 150px} .navBox{ background: #ccc} /* 상..

2021.12.16

jQuery slide scroll, quicktop, tab

스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 스르륵 JS $(document).ready(function () { $('.content .topMove').hide(); $(window).on('scroll',function(){ // 스크롤 값의 변화가 생기면 var scroll = $(window).scrollTop(); // 스크롤의 거리 $('.text').text(scroll); if(scroll>500){ // 5..

2021.12.10

jQuery 네비게이션 Full drop-down + 스크롤 반응 배경

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} body{font-family:"돋움", "돋움체"; font-size:14px;} ul,ol{ list-style:none;} a{color:#333; text-decoration:none;} body{} .wrap{width: 100%; overflow: hidden;} #headerArea{width:100%; height:50px; position: fixed; left:0; top:0; background: rgba(255,255,255,0); z-index: 10; transition: background .5s;} #headerArea .headerInner{width: 120..

2021.12.09