jQuery Plug-in scroll waypoint

jQuery Plug-in scroll waypoint 스크롤에 반응하는 애니메이션 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc suscipit velit sit amet tristique tincidunt. Fusce dapibus tortor ut est ornare porttitor. Aliquam auctor bibendum posuere. Fusce laoreet tincidunt lacinia. Aliquam posuere pharetra auctor. Pellentesque et eleifend nibh, a bibendum lacus. Pellentesque sit amet dignissim mauris. Suspendiss..

2021.12.20

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