답변 4개
채택된 답변
+20 포인트
2년 전
fullpage.js로 제작하셨다면
예외처리 옵션이 있었던거 같은데..
</p>
<p>new fullpage('#fullpage', { normalScrollElements: '#yt-video', });</p>
<p>이런식으로 해당 요소 집어넣어주면 됐던거 같아요
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
꿈의세계
2년 전
아 안되네요 에고....ㅠㅠㅠㅠㅠ
�
이글로
2년 전
버전마다 다를수있으니 사용하신 풀페이지 버전에 맞춰서 구글링 한번 해보시는게..
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
2년 전
아래 내용은 마우스 휠을 아래로 스크롤할 때 다음 섹션으로 내려가는 자바스크립트 입니다.
참고하시고 해당 사이트에 적용해보시기 바랍니다.
</p>
<p><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scrolling Sections</title>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
.section {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
}
.section:nth-child(odd) {
background-color: #f0f0f0;
}
.section:nth-child(even) {
background-color: #ccc;
}
</style>
</head>
<body>
<div class="section">Section 1</div>
<div class="section">Section 2</div>
<div class="section">Section 3</div>
<div class="section">Section 4</div></p>
<p><script>
const sections = document.querySelectorAll('.section');
let currentSectionIndex = 0;</p>
<p>function scrollToNextSection(event) {
if (event.deltaY > 0) { // Scroll down
if (currentSectionIndex < sections.length - 1) {
currentSectionIndex++;
sections[currentSectionIndex].scrollIntoView({ behavior: 'smooth' });
}
}
}</p>
<p>window.addEventListener('wheel', scrollToNextSection);
</script>
</body>
</html></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인