$(document).ready(function() { // header °íÁ¤ $(window).on('scroll', function() { if ($(window).scrollTop()) { $('#header').addClass('active'); } else { $('#header').removeClass('active'); } }); // ¸ð¹ÙÀÏ ½½¶óÀÌµå ¸Þ´º $('.m_menu').on('click', function() { $(this).toggleClass('on'); $('.aside').toggleClass('on'); $('.aside_bg').toggleClass('on'); }); // ¼­ºê¸Þ´º ½½¶óÀ̵å $(".menu > a").click(function() { if ($(this).next("div").is(":visible")) { $(this).next("div").slideUp("fast"); } else { $(".sub_menu").slideUp("fast"); $(this).next("div").slideToggle("fast"); } }); $(window).resize(function() { if ($(window).width() > 1023) { } else { // ÅÂºí¸´, ¸ð¹ÙÀÏ¿¡¼­ Ǯȭ¸é Á¦°Å $('.main_s1, .main_s2, .main_s3, .main_s4').removeAttr('id', 'section'); $('.main_s2, .main_s3, .main_s4').removeClass('full_p') $('.main_s2, .main_s3').addClass('padding_tb'); $('.main_s4').addClass('padding_t'); } }).resize(); // Å©¸®¿¡ÀÌÅÍÆäÀÌÁö¿¡¼­ ½½¶óÀÌµå ±â´É Á¦°Å $('.creator li').removeClass('swiper-slide') $(".creator li").slice(0, 12).show(); // Ãʱⰹ¼ö $("#load_creator").click(function(e) { // Ŭ¸¯½Ã more e.preventDefault(); $(".creator li:hidden").slice(0, 12).show(); // Ŭ¸¯½Ã more °¹¼ö ÁöÀúÁ¤ if ($(".creator li:hidden").length == 0) { // ÄÁÅÙÃ÷ ³²¾ÆÀÖ´ÂÁö È®ÀÎ $("#load_creator").hide(); // ÄÁÅÙÃ÷ ¾øÀ»½Ã alert â ¶ç¿ì±â } }); $(".contents li").slice(0, 12).show(); // Ãʱⰹ¼ö $("#load_contents").click(function(e) { // Ŭ¸¯½Ã more e.preventDefault(); $(".contents li:hidden").slice(0, 12).show(); // Ŭ¸¯½Ã more °¹¼ö ÁöÀúÁ¤ if ($(".contents li:hidden").length == 0) { // ÄÁÅÙÃ÷ ³²¾ÆÀÖ´ÂÁö È®ÀÎ $("#load_contents").hide(); // ÄÁÅÙÃ÷ ¾øÀ»½Ã alert â ¶ç¿ì±â } }); }); window.onload = function() { const elm = document.querySelectorAll('#section'); const elmCount = elm.length; elm.forEach(function(item, index) { item.addEventListener('mousewheel', function(event) { event.preventDefault(); let delta = 0; if (!event) event = window.event; if (event.wheelDelta) { delta = event.wheelDelta / 120; if (window.opera) delta = -delta; } else if (event.detail) delta = -event.detail / 3; let moveTop = window.scrollY; let elmSelector = elm[index]; // wheel down : move to next section if (delta < 0) { if (elmSelector !== elmCount - 1) { try { moveTop = window.pageYOffset + elmSelector.nextElementSibling.getBoundingClientRect().top; } catch (e) {} } } // wheel up : move to previous section else { if (elmSelector !== 0) { try { moveTop = window.pageYOffset + elmSelector.previousElementSibling.getBoundingClientRect().top; } catch (e) {} } } const body = document.querySelector('html'); window.scrollTo({ top: moveTop, left: 0, behavior: 'smooth' }); }); }); }