Javascript 自定义Envato完整页面的问题-如何添加更多水平滑动部分?他们没有';不显示在我的浏览器中

Javascript 自定义Envato完整页面的问题-如何添加更多水平滑动部分?他们没有';不显示在我的浏览器中,javascript,css,fullpage.js,Javascript,Css,Fullpage.js,我还是个编码新手。我正在尝试定制Envato FullPage,使其具有多个水平和垂直滚动幻灯片 在这里,我尝试简单地复制水平滚动部分(调整ID和部分标题,就像我所做的那样),并将其粘贴到前面的页面之后 我一直在javaScript和CSS中搜索ID所指的位置,但我找不到它。你能帮帮我吗?我完全在黑暗中摸索 理想情况下,我想要如下内容: “主页” ↓ “大约1”→ “大约2” ↓ “画廊1”→ “画廊2”→ “画廊3”→ “画廊4” ↓ “商店” ↓ “联系人” ↓ “博客” 顺便说一句,我使用

我还是个编码新手。我正在尝试定制Envato FullPage,使其具有多个水平和垂直滚动幻灯片

在这里,我尝试简单地复制水平滚动部分(调整ID和部分标题,就像我所做的那样),并将其粘贴到前面的页面之后

我一直在javaScript和CSS中搜索ID所指的位置,但我找不到它。你能帮帮我吗?我完全在黑暗中摸索

理想情况下,我想要如下内容:

“主页” ↓ “大约1”→ “大约2” ↓ “画廊1”→ “画廊2”→ “画廊3”→ “画廊4” ↓ “商店” ↓ “联系人” ↓ “博客”

顺便说一句,我使用的原始Envato版本与其他版本的编写方式不同。我喜欢这个的视觉格式

(注意:以下代码为相关性编辑)



顺便说一句,我很快编辑掉了不相关的部分,但留下了一些未完成的代码,比如头部的样式标签和webm文件。它们的完整版本是完整的。

什么是Envato fullPage.js?有链接吗?
<head>  
<link rel="stylesheet" type="text/css" href="fullpage.css" />
<link rel="stylesheet" type="text/css" href="examples.css" />
<style> 
</head>
<body>

<div id="fullpage">
<div class="section " id="section0">
    <video id="myVideo" loop muted data-autoplay>
        <source src="imgs/wbybg.mp4" type="video/mp4">
        <source src="imgs/wbybg.webm" type="video/webm"</video>

/* These first pages work fine:
* --------------------------------------- */        
<div class="layer"><h1>Home Page over video bg</h1></div></div>

<div class="section" id="section1">             
<div class="slide" id="slide1"><h1>1st horizontal slide</h1></div>      
<div class="slide" id="slide2"><h1>2nd horizontal slide</h1></div></div>

<div class="section" id="section2"><h1>Vertically-Scrolling Single Page<br>after horizontal section</h1></div></div>

/* I've added the next section - unsuccessfully
* --------------------------------------- */    
<div class="section" id="section3">
<div class="slide" id="slide4"><h1>Horizontal Sliders Section #2 <br>1st horizontal slide</h1></div>
<div class="slide" id="slide5"><h1>Horizontal Sliders Section #2 <br>2nd horizontal slide</h1></div></div>


<script type="text/javascript" src="fullpage.js"></script>
<script type="text/javascript" src="examples.js"></script>

<script type="text/javascript">
var myFullpage = new fullpage('#fullpage', {
    verticalCentered: true,
    sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE']
});
</script>

</body>