amanda의 공간입니다

HTML 모달 띄우기 모달 팝업 콘텐츠  CSS/* modal */body.ofh { overflow-y: hidden;}#dim { display: none; position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);}.modal_contents { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10002; width: 9..

let prevScrollpose = window.pageYOffset; window.addEventListener("scroll", function() { let currentScrollPose = window.pageYOffset; if (prevScrollpose > currentScrollPose) { document.getElementById("bnr_btm").style.bottom = "60px"; // 스크롤 올릴 때 } else { document.getElementById("bnr_btm").style.bottom = "0px"; // 스크롤 내릴 때 } prevScrollpose = currentScrollPose; });}

swiper 플러그인을 탭에 삽입했는데탭이 바뀌면 스와이퍼가 작동하지 않는 이슈 발생 구글링하여 아래 코드로 해결 ! // swiper for auto play on tab menudocument.addEventListener('DOMContentLoaded', function () { let tabSliders = document.querySelectorAll('.my_swiper'); tabSliders.forEach(function (slider, index) { let sliderId = index + 1; let mySwiper = new Swiper(slider, { observer: true, observeParents: true, slidesPerView: 1, spaceBetwee..

html   css#snow_wrap{ position: absolute; top: 0; left: 0; width: 1920px; height: 100%;}#snow_wrap canvas{ position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}  js// snow animation$(()=>{ (function () { var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window...

html 3   css.lyrics_count{ width: 345px; margin: 0 auto; text-align: left;}.lyrics_count span{ display: inline-block; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; color: #000; font-size: 16px; font-weight: 700; vertical-align: middle;}.lyrics_count span + span{ margin-left: 6px;}.lyrics_co..

html menu 01 menu 02 menu 03 menu 04   jsfunction tabScroll(){ $('.navi_menu li a').on('click', function(){ let targetId = $(this).data('target'), targetSec = $('#' + t..

html   javaScriptfunction secScroll(){ const screenHeight = document.documentElement.clientHeight; $(window).scroll(function(){ $('.item').each(function(){ let crtHeight = $(window).scrollTop(); // current scroll top let t..

swiper 속성 정리function eventSwiper(){ var eventSwiper = new Swiper('.event_swiper',{ slidesPerView : '2', // 노출되는 slide 개수 spaceBetween : 10, // 간격 loop:true, // 반복여부 loopAdditionalSlides : 1, direction: 'vertical', // slide 방향 autoHeight : true, // 높이 자동 조절 centeredSlides: true, centeredSlidesBounds: true, speed: 2500, grabC..