코드노트

$(document).ready(function() { var $content = $('.forScroll'); var isDown = false; var startX, startY, scrollLeft, scrollTop; $content.on('mousedown', function(e) { isDown = true; $content.css('cursor', 'grabbing'); startX = e.pageX - $content.offset().left; startY = e.pageY - $content.offset().top; scrollLeft = $content.scrollLeft(); scrollTop = $content.scroll..

#main > article 한 페이지씩 보이게 되는 대상css로 높이 100svh 잡아줌document.addEventListener("DOMContentLoaded", function() { const articles = document.querySelectorAll("#main article"); const articleHeight = window.innerHeight; let currentPage = 0; function scrollToPage(page) { articles[page].scrollIntoView({ behavior: "smooth" }); } articles.forEach(function(article) { a..

See the Pen 페이지 랜딩 2초 후 아래 섹션으로 이동 by publisher-jy (@publisher-jy) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스

// Hide Header on on scroll down let didScroll; let lastScrollTop = 0; let delta = 5; // 동작의 구현이 시작되는 위치 let navbarHeight = $header.outerHeight(); // 영향을 받을 요소를 선택 // 스크롤시 헤더 변경 $(window).scroll(function () { let $st = $(window).scrollTop(); //스크롤 위치 let $subTitleHeight = $('.subTitle').outerHeight(); didScroll = true; if ($st >= $subTitleHeight) { $breadcrumbs.addClass('scroll'); } else if ($st..

$("슬라이더").on('wheel', function(e) { e.preventDefault(); if (e.originalEvent.deltaY < 0) { $(this).slick('slickPrev'); } else { $(this).slick('slickNext'); } }); 출처

HTML 삽입 미리보기할 수 없는 소스 let snbPosition = parseInt($(".event main .snb").css("top")); $(window).scroll(function () { let st = $(window).scrollTop(); $(".event main .snb") .stop() .animate({ top: st + snbPosition + "px" }, 500); //여기선 고정 });