jqueryfullpage插件添加头部与尾部版权相关

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jqueryfullpage插件添加头部与尾部版权相关，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1644字，纯文字阅读大概需要3分钟。

内容图文

前言

一个页面，我们通过 jquery-fullpage 插件来制作，整个是全屏滚动的。但是，我们希望在最后一页增加一个版权，大概只有 100px 高，而不需要一个全屏来放版权。怎么做呢？搜索了一下，说了各种方法。什么修改源码啦之类的，或者自己写代码判断啦。晕死。其实，官方给出了解决方案。

下面，我们简单的说下是怎么实现的

实现其实只需要 html 部分

<p class="fullpage">
 <p class="section fp-auto-height">这里写头部</p>
 <p class="section">page1</p>
 <p class="section">page2</p>
 <p class="section">page3</p>
 <p class="section">page4</p>
 <p class="section fp-auto-height">这里写版权</p>
</p>

如上，js代码就不说了，只要你能跑起来，就没有问题。这里只需要给头部和底部增加一个fp-auto-height 的 class 即可。

没有生效吗？

嘿嘿，那是因为你只引用了js，而没有引用css造成的，只要引用下面的css即可。

https://github.com/alvarotrigo/fullPage.js/blob/master/dist/jquery.fullpage.css

其实关键代码只是下面的而已

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
 height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
 height: auto !important;
}

小结

你的问题可能早就被人遇到了，一定有人给你解决过的。善于利用搜索引擎即可。

fullpage github

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

vue数据传递方法总结

nodejs对密码加密处理方法总结

为什么不能用ip访问webpack本地开发环境

以上就是jquery fullpage插件添加头部与尾部版权相关的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的jqueryfullpage插件添加头部与尾部版权相关全部内容，希望文章能够帮你解决jqueryfullpage插件添加头部与尾部版权相关所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端