问题：求一个可以自定义section高度的fullpage slide插件。
描述:需求：像
锤子 或 一加 这样，第一次滚动的只是header部分，这样要求插件可以自定义滚动区块的高度。这种fullpage滚动插件从网上找了下，比较流行的有fullpage.js 但是没找到能实现这种需求的。有给力的插件吗？
如果没有只好自己写一个了。解决方案1:一句话说明问题，其实就用 fullPage.js 做接下来我给你讲解一下，1+ 的实现从代码来看，明显锤子更加专业，但是锤子网页的代码压缩了看不了，所以讲讲 1+
在网页源码中可以找到如下代码，从下面代码中可以看出，顶部导航被脚本自动修改（固定）javascript$(function(){
$('.nav-panel, .nav-panel .fp-tableCell,.header').height($('.op-top-box').height()-2);
$(window).resize(function(){
$('.nav-panel, .nav-panel .fp-tableCell,.header').height($('.op-top-box').height()-2);
但是没完，接下来我们来看看 js 文件中的代码，链接：/re/js/s1.js我们用编辑器或 IDE（集成开发环境，本人用 WebStrom）格式化代码，就可以发现如下代码：javascriptafterRender: function () {
$(".nav-panel, .nav-panel .fp-tableCell").height($(".header").height()), $("#fp-nav ul li:lt(1)").hide(), $(".artisan-icon").css({bottom: $(".header").outerHeight(!0)}), $("#fp-nav").addClass("show-fp-nav"), gestureCenter()
afterResize: function () {
$(".nav-panel, .nav-panel .fp-tableCell").height($(".header").height()), $.fn.fullpage.moveTo(g), gestureCenter()
用过 fullPage.js 的人都知道，当 fullPage.js 渲染 Section 之后，会重新渲染（改变）.fp-tableCell 的高度，改变浏览器大小也会重新渲染。所以 1+ 的前端作者，就又去定死顶部导航的高度。虽然代码有点恶心，但是能高效产出，何乐而不为呢？你觉得呢？因此本人还特地写了个 Demo，根据以上我讲的思路，就可以实现你要的效果总结：很多时候我们要灵活的去应用其它1+ 的这个效果产出是一个高级工程师做的。
锤子那个效果不知道怎么做的，用了很多新技术（angular等），估计是个架构师级别的，仰望ing
反正如果纯手工从零开始做的话，还是可以实现的，实现思路可以不一样。不过难度还是有点大的，没有必要了。
以上介绍了“求一个可以自定义section高度的fullpage slide插件。”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：/itwd/1356506.html
上一篇： 下一篇：硬盘分区&整G&整数&法（从1g到200g最精确的整数分区）（转）
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。查看: 2458|回复: 2
求一个好用的侧栏分享插件
我去百度上找的JiaThis什么的分享老是不成功&&还是版本太低就是不成功本人邮箱
(19.61 KB, 下载次数: 2)
17:09 上传
和这种差不多就可以
已解决&&***说&&在线下用不了&&放线上就OK了
Powered by