-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
fullpage플러그인 쓸때 말고도 쓰고싶은데 waypoint가 전혀 안먹네요(counterup은 됩니다) 이유가 뭘까요?
21.09.26 15:50 작성 조회수 240
0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="format-detection"
content="telephone=no, address=no, email=no"
/>
<meta
name="description"
content="."
/>
<meta name="keyword" content="" />
<meta name="theme-color" content="#0096D6" />
<!-------------------------Open Graph------------------------->
<meta property="og:url" content="d" />
<meta property="og:type" content="website" />
<meta property="og:image" content="d" />
<meta property="og:title" content="Sennheiser" />
<!-------------------------반응형웹 선언문------------------------->
<meta
name="viewport"
content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
/>
<!-------------------------제이쿼리------------------------->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-------------------------아이콘 설정------------------------->
<link rel="apple-touch-icon" sizes="76X76" href="img/icon.png" />
<link rel="apple-touch-icon" sizes="120X120" href="img/icon.png" />
<link rel="apple-touch-icon" sizes="152X152" href="img/icon.png" />
<link rel="shortcut icon" sizes="196X196" href="img/icon.png" />
<!-------------------------폰트어썸------------------------->
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"
integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk"
crossorigin="anonymous"
/>
<!-------------------------XEICON------------------------->
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css"
/>
<!-------------------------Swiper------------------------->
<link
rel="stylesheet"
href="https://unpkg.com/swiper/swiper-bundle.min.css"
/>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!-------------------------CSS basic------------------------->
<link rel="stylesheet" href="css/basic/slick-theme.css" />
<link rel="stylesheet" href="css/basic/aos.css" />
<link rel="stylesheet" href="css/basic/reset.css" />
<!-------------------------JS basic------------------------->
<script src="js/basic/aos.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="js/basic/jquery.counterup.min.js"></script>
<!-------------------------CSS/JS custom------------------------->
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/responsive.css" />
<script src="js/custom.js"></script>
<title>Document</title>
</head>
<!-- 페이지 로드될 때 잠깐 보이는 트랜지션 없애기 -->
<body class="preload">
<section class="abc">
<article class="abc-inner">
<div class="abc-item">
<div class="abc-pic">
<img src="img/pic1.jpg" alt="" />
</div>
<div class="abc-desc">
<h6>sdsdfsdf</h6>
<p>skfjsldfjsldfksldfksdfjsldkfjflk</p>
</div>
</div>
<div class="abc-item">
<div class="abc-pic">
<img src="img/pic4.jpg" alt="" />
</div>
<div class="abc-desc">
<h6>sdsdfsdf</h6>
<p>skfjsldfjsldfksldfksdfjsldkfjflk</p>
</div>
</div>
<div class="abc-item">
<div class="abc-pic">
<img src="img/pic5.jpg" alt="" />
</div>
<div class="abc-desc">
<h6>sdsdfsdf</h6>
<p>skfjsldfjsldfksldfksdfjsldkfjflk</p>
</div>
</div>
<div class="abc-item">
<div class="abc-pic">
<img src="img/pic8.jpg" alt="" />
</div>
<div class="abc-desc">
<h6>sdsdfsdf</h6>
<p>skfjsldfjsldfksldfksdfjsldkfjflk</p>
</div>
</div>
</article>
<article>
<span class="counter">305,400</span><span>장</span>
<img src="img/pic7.webp" alt="" />
<img src="img/pic8.jpg" alt="" />
<img src="img/pic8.jpg" alt="" />
</article>
</section>
<!-------------------------aos------------------------->
<!-- data-aos="fade-left" data-aos-delay="300" -->
<script>
$(document).ready(function () {
setTimeout(function () {
AOS.init({
easing: "ease-out-back",
duration: 1000,
});
}, 500);
});
</script>
</body>
</html>
$(document).ready(function () {
// const jq = $.noConflict();
// 카운터업
$(".counter").counterUp({
delay: 10,
time: 1000,
});
});
답변을 작성해보세요.
0
J.영
지식공유자2021.09.27
안녕하세요? J.young입니다.
제 개인메일로 파일 보내주시면 검토 후 답변드리도록 하겠습니다.
jjjh523@nate.com으로 보내주세요~~
남은 오후도 편안한 시간 되세요~
J.young드림
답변 1