我想在我的网站上添加一页滚动,我发现很难解决这个问题,可能是因为我还在学习阶段。
你必须像这样构建你的页面:
<body>
<div class="main">
<section>...</section>
<section>...</section>
</div>
</body>
这些部分标签中的每一个都代表一个"页面",因此当您滚动它时,它只会滚动到下一部分。
您还必须添加jquery,onepagescroll插件和在主元素上调用插件的脚本
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> //embed jquery
<script src="path/to/the/plugin/file.js"></script> //embed plugin
<script>
$( document ).ready(function() { //wait for jquery
$('#main').onepage_scroll(); //start the plugin
});
</script>
您还可以查看 Barmar 提到的插件文档,或者按照教程创建演示页面。