fullpage플러그인 쓸때 말고도 쓰고싶은데 waypoint가 전혀 안먹네요(counterup은 됩니다) 이유가 뭘까요?
375
ellameyrosek
19 asked
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,
});
});
인터랙티브-웹
jquery
클론코딩
Answer 1
0
안녕하세요? J.young입니다.
제 개인메일로 파일 보내주시면 검토 후 답변드리도록 하겠습니다.
jjjh523@nate.com으로 보내주세요~~
남은 오후도 편안한 시간 되세요~
J.young드림
해당 강의 PDF는 어디에 있나요?
1
56
2
2026 웹디자인개발기능사 실기 보는데 필요한 텍스트에디터는 무엇인가요?
1
92
2
비주얼 스튜디오
0
31
1
강의에 나와있는 2025년 공개문제와 2026년 공개문제가 다릅니다
0
66
1
pointer-event:none;
1
62
1
'스크롤/텍스트 애니메이션 제작_2' 강의 문의
0
37
1
실전 반응형 웹사이트 이미지 다운
1
60
2
87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)
1
44
2
예제파일
1
55
1
Spring Legacy Project 생성 불가
0
51
1
class 값 한 번에 부여하는법
2
80
1
섹션10-77번강의 내 와이어프레임 pdf 자료 다운로드 어디서 하나요?
1
81
2
제가 신청한강좌들 무제한으로 변경즘부탁드릴게요
0
69
2
보더를 사용해 와이어프레임만드는 강의 html+css소스 다운로드 받을 수 있나요?
1
58
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
하드코딩으로 이미지맵(image map) 만들기
1
79
2
시험 시 슬라이드 작성 관련 문의
0
64
1
강의 질문 있습니다
1
69
1
시험 관련 문의
1
61
1
right nav에 active 질문입니다
0
382
0
3:30 에 제공해드린 파일이 어디있나요..?
0
298
0
질문 메일 드렸습니다~!도와주세요!!
0
374
2
섹션6 snsIco 부분(5:56) 누락된거 같습니다
1
213
0
상단 네비게이션 바에 대한 강의가 없습니다.
0
220
3