코드노트

https://github.com/kottenator/jquery-circle-progress GitHub - kottenator/jquery-circle-progress: jQuery Plugin to draw animated circular progress barsjQuery Plugin to draw animated circular progress bars - kottenator/jquery-circle-progressgithub.com 국내 인증 및 특허 등록 건수 인증 출원 건수 특허 출원 건수

슬릭슬라이더에 display: none > block 해주면높이 값 제대로 설정 안되는데아래 코드 넣어주면 제대로 뜸$('.slider').slick('setPosition');   https://c0de-n0te.tistory.com/102 block 되는 탭에서 슬릭슬라이더 로딩 안될 때" data-og-description="function sliderSet(slickfor,slicknav){ slickfor.slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor:slicknav }); slicknav.slick({ slidesToScroll: 1, slidesToShow: 5, arrows: true, cent..

$(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 삽입미리보기할 수 없는 소스

아래 내용 버전 문제로 오류 생기는 거 같아서 위 내용으로 ㄱㄱ 출처: https://www.npmjs.com/package/jquery.counterup?activeTab=readme

.mainVisual { clip-path: polygon(0 0,0 75%,50% 75%,100% 75%, 100% 0); // clip-path: polygon(0 0, 0 75%, 50% 100%, 100% 75%, 100% 0); } $(window).scroll(function () { const mqlVisual = matchMedia("screen and (min-width: 1441px)"); const $mainVisual = document.querySelector(".mainVisual"); const $mainVisualScroll = 75 + window.scrollY / 35; if (mqlVisual.matches) { if ($mainVisualScroll

// 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..

$('.pg_page').click(function(){ //페이저 클릭시 let pagerHref = $(this).attr('href'); //선택한 페이저의 링크를 읽고 $(this).attr('href', `${pagerHref+'#report'}`); //그 링크에 원하는 위치의 오브젝트 id값을 붙여줌 }) - 그누보드 게시판 리스트에서 사용했음 - 상단 스킨에 내용있고 하단만 게시판으로 이용할 때, 페이저 클릭시 다시 상단으로 올라가는 불편함 때문에 적용함