blog

// 스크롤시 섹션에 맞는 tab에 active 주기 $("#wrap_content").scroll(function () { const height = $("#wrap_content").scrollTop(); // 해당 스크롤 좌표값(높이) const content = $('.content_area'); content.each(function () { const a = $(this).position(); if (a.top == height || a.top < height + 200) { const thisIndex = $(this).index() const tabIndex = $('.tab').eq(thisIndex); tabIndex.addClass('active'); // $('.tab').not(t..

모바일 알림 떴다가 일정시간 지나면 fadeOut, 이나 hide 되도록 // 삭제 팝업창 $(".btn_small").click(function() { $(".complete").fadeIn(); setInterval(function() { $(".complete").fadeOut(); },3000); }); 3초 후 fadeOut 됨.

const docHeight = $(document).height(); const winHeight = $(window).height(); // $(window).scroll(function() { // const nene = $(window).scrollTop(); // console.log(nene); // console.log(docHeight); // console.log(winHeight); // }) $(window).scroll(function() { if($(window).scrollTop() + winHeight + 100 >= docHeight) { $(".main .pc_footer").addClass("active"); } else { $(".main .pc_footer").remo..

// top 버튼 $(window).scroll(function () { if ($(this).scrollTop() > 100) { $(".btn_top").fadeIn(); } else { $(".btn_top").fadeOut(); } }); $(".btn_top").click(function () { window.scrollTo({ top: 0, behavior: 'smooth' }); }); 위 코드는 조금 자잘한 문제들이 있음. 아래 코드가 반응이 더 빠르고, 부드럽게 이동함. // top 버튼 $(window).scroll(function () { if ($(this).scrollTop() > 100) { $(".btn_top").fadeIn(); } else { $(".btn_top").fa..

// 슬라이드 마우스호버시 stop $(".mainSwiper").on("mouseover",function() { swiper.autoplay.stop(); }); $(".mainSwiper").on("mouseout", function(){ swiper.autoplay.start(); }); swiper 코드 내에 작성해야 오류없이 작동함.

// 체크박스 all $("#all").click(function() { if ($("#all").prop("checked")) { $("input[name=order]").prop("checked",true); } else { $("input[name=order]").prop("checked",false); } });

//input 입력시 별표 숨기기 $(".box > input").on("propertychange change keyup paste input", function () { if ($(this).val().length === 0) { $(this).siblings("label").find(".required").show() } else { $(this).siblings("label").find(".required").hide() } });

//숫자 카운트 function numberCounter(target_frame, target_number) { this.count = 0; this.diff = 0; this.target_count = parseInt(target_number); this.target_frame = document.getElementById(target_frame); this.timer = null; this.counter(); }; numberCounter.prototype.counter = function () { var self = this; this.diff = this.target_count - this.count; if (this.diff > 0) { self.count += Math.ceil(this.dif..

제곧내.

$('.circle-nav > .circle_menu').on("mouseover", function(){ $(this).addClass("big"); $('.circle-nav > .circle_menu').not(this).addClass("op"); }); $('.circle-nav > .circle_menu').on("mouseleave", function(){ $(this).removeClass("big"); $('.circle-nav > .circle_menu').not(this).removeClass("op"); });