Javascript 使一页滚动到工作状态

我使用单页滚动创建单页滚动效果，如图所示

在当地，也在这方面，它运作良好

HTML:

CSS:

.embrulho {
    height: 100% !important;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.corpo {
    float: left;
    width: 100%;
    margin: 0 auto;
}
.corpo section {
    overflow: hidden;
}
.corpo section .page_container {
    position: relative;
    top: 25%;
    margin: 0 auto 0;
    max-width: 950px;
    z-index: 3;
}
.corpo section.page2 {
    background: #555557 url('../onepage/phones.png') no-repeat center -150px;
}
.corpo section.page2 .page_container {
    margin-top: 240px;
    overflow: hidden;
}
.corpo section .page_container {
    position: relative;
    top: 25%;
    margin: 0 auto 0;
    max-width: 950px;
    z-index: 3;
}
code {
    margin: 20px 1%;
    float: left;
    width: 48%;
    height: 105px;
    background: rgba(0, 0, 0, 0.1);
    border: rgba(0, 0, 0, 0.05) 5px solid;
    border-radius: 5px;
    padding:5px;
    color: white;
    text-align: center;
    font-size: 15px;
    margin-top: 25px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
code.html {
    color: #7EC9E6;
}
code.js {
    color: #FFAD00;
}

但是它在服务器上不工作，我猜是因为与模板冲突。看

---

我试着尽可能多地检测和清理冲突，但不明白这为什么不起作用？

在你的小提琴中，你有一个简单的设置……但是在你的网站上，你从很多地方提取了大量脚本，从/js/、/css/、/images/（为了你的理智）中提取东西。我检查了我的控制台…没有错误，但是有很多消息（我没有看得太深…只是扫描了一下），但是你可能会有一些微妙的冲突，可能是脚本工件，这让事情变得非常困难。你需要这些东西吗？如果是这样的话，你需要把东西分开，看看你的滚动工具有什么不好的地方，或者直到你看到它正常工作。谢谢你的评论。这也是我的理解。问题是：如何在没有模板的情况下在Joomla中工作？我还是不知道我从2005年就没碰过Joomla了。如果需要从模板中排除文件，则该模板上似乎有一个文档。（但并不是所有的插件都能很好地使用它）。

$(document).ready(function () {
    $(".corpo").onepage_scroll({
        sectionContainer: "section",
        responsiveFallback: 600,
        loop: true
    });
});

.embrulho {
    height: 100% !important;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.corpo {
    float: left;
    width: 100%;
    margin: 0 auto;
}
.corpo section {
    overflow: hidden;
}
.corpo section .page_container {
    position: relative;
    top: 25%;
    margin: 0 auto 0;
    max-width: 950px;
    z-index: 3;
}
.corpo section.page2 {
    background: #555557 url('../onepage/phones.png') no-repeat center -150px;
}
.corpo section.page2 .page_container {
    margin-top: 240px;
    overflow: hidden;
}
.corpo section .page_container {
    position: relative;
    top: 25%;
    margin: 0 auto 0;
    max-width: 950px;
    z-index: 3;
}
code {
    margin: 20px 1%;
    float: left;
    width: 48%;
    height: 105px;
    background: rgba(0, 0, 0, 0.1);
    border: rgba(0, 0, 0, 0.05) 5px solid;
    border-radius: 5px;
    padding:5px;
    color: white;
    text-align: center;
    font-size: 15px;
    margin-top: 25px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
code.html {
    color: #7EC9E6;
}
code.js {
    color: #FFAD00;
}