在我的网站上添加一页滚动有什么要求



我想在我的网站上添加一页滚动,我发现很难解决这个问题,可能是因为我还在学习阶段。

你必须像这样构建你的页面:

<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 提到的插件文档,或者按照教程创建演示页面。

最新更新