꼬지비 블로그

See the Pen dyGzywZ by good charlotte (@lostinyou) on CodePen.

#container{min-height: calc(100% - fixed된 컨텐츠높이);}

See the Pen Toggle Switch Button Example by good charlotte (@lostinyou) on CodePen.

See the Pen Tab Example by good charlotte (@lostinyou) on CodePen.

1 2 3 4 5 6 7 8 9 10 11 12 //탑버튼 스크롤시 노출 $(window).scroll(function(){ if($(window).scrollTop() > 20){ $('.top-btn').show(); }else{ $('.top-btn').hide(); } }); $('.top-btn').on('click', function(){ $('html, body').animate({scrollTop:0}, '500'); return false; }) Colored by Color Scripter cs

See the Pen Side Menu Example by good charlotte (@lostinyou) on CodePen.

See the Pen Text Flow Animation Example by good charlotte (@lostinyou) on CodePen.

1 2 3 4 5 6 7 8 9 10 var rollingSwiper02 = new Swiper('#news-swiper .swiper-container', { direction: 'vertical', loop:true, speed:700, touchRatio: 0,//드래그 금지 autoplay: { delay: 3000, disableOnInteraction: false, }, }); Colored by Color Scripter

1234567891011::placeholder { /* Firefox, Chrome, Opera */ color: blue; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } ::-ms-input-placeholder { /* Microsoft Edge */ color: orange; } Colored by Color Scriptercs

afterChange(slick, currentSlide) 슬라이드 후 호출 beforeChange(slick, currentSlide) 슬라이드 전 호출 $(".slick-slider").on("afterChange", function(){ ... });