728x90 반응형 javascript11 [jQuery] 스크롤(scroll) 위치 감지 이벤트 제이쿼리(jQuery)를 이용하여 스크롤(scroll) 감지 이벤트 만들기 스크롤 시 배경색 변경 예시 [html] main menu [css] .menu{ position: fixed; top: 0; width: 100%; height: 40px; background: pink; } .menu.active{ background: blue; color: #fff; } .container{ width: 100%; height: 800px; } [js] $(document).on('scroll', function(){ if($(window).scrollTop() > 100){ $('.menu').addClass('active'); }else{ $('.menu').removeClass('active'); } .. 2023. 6. 2. [slick] slider에서 margin(여백) 만드는 법 slick slider(슬릭 슬라이더)에서 width 1200px 슬라이더에 margin(여백) 30px 만들기 [html] [css] .slick-margin{ width: 1200px; overflow: hidden; outline: 1px solid red; } .slick-margin .slick-list{ margin: 0 -15px; } .slick-margin .slick-slide{ height: 200px; margin: 0 15px; background: pink; } [js] $('.slick-margin').slick({ slidesToShow: 3, slidesToScroll: 1, arrows: false, }); See the Pen slick slider margin _ 슬릭.. 2023. 5. 31. 이전 1 2 다음
