"광주 문화예술 인문스토리 플랫폼"의 두 판 사이의 차이
광주문화예술인문스토리플랫폼
| 2번째 줄: | 2번째 줄: | ||
<html> | <html> | ||
| + | |||
| + | |||
| + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css"> | ||
<style> | <style> | ||
section { | section { | ||
| 14번째 줄: | 17번째 줄: | ||
</style> | </style> | ||
| − | + | <div id="fullpage"> | |
<div class="section section1">Section 1</div> | <div class="section section1">Section 1</div> | ||
<div class="section section2">Section 2</div> | <div class="section section2">Section 2</div> | ||
| 20번째 줄: | 23번째 줄: | ||
<div class="section section4">Section 4</div> | <div class="section section4">Section 4</div> | ||
</div> | </div> | ||
| − | + | ||
| − | <script> | + | <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script> |
| − | + | <script> | |
| − | </script> | + | new fullpage('#fullpage', { |
| + | // FullPage.js 옵션 설정 | ||
| + | autoScrolling: true, | ||
| + | scrollHorizontally: true, | ||
| + | // 추가 옵션 설정 | ||
| + | }); | ||
| + | </script> | ||
<style> | <style> | ||
.col-md-6 iframe | .col-md-6 iframe | ||
2024년 5월 26일 (일) 01:28 판
Section 1
Section 2
Section 3
Section 4