zoukankan      html  css  js  c++  java
  • fullPage最后一屏自适应

    fullpage最后一屏可以有多少内容展示多少内容

    1.需要引用一个滚动条 插件:jquery.slimscroll.js

    2.引用一个属性   'scrollOverflow': true, 

    备注:粘贴部分代码 :

    $('#sectionContent').fullpage({
                 'verticalCentered':true,
                 'css3': true,
                    'navigation': true,
                    'scrollOverflow': true, //滚动条样式
                 'navigationPosition': 'right',
                 onLeave:function(index ,nextIndex){
                 if (nextIndex === 2) {
                         $(".header-top .header-logo a img").attr({ src: "img/logo2.png"});
                         $("#add1").addClass("changecolor");
                         $("#add1").removeClass("activeColor");
                         $(".header-top .login-reg a").addClass("changegreen");
                        }else if(nextIndex === 4){
                         $(".header-top .header-logo a img").attr({ src: "img/logo2.png"});
                         $("#add1").addClass("changecolor");
                         $("#add1").removeClass("activeColor");
                         $(".header-top .login-reg a").addClass("changegreen");
                         $(".head-fixed").css('background','#fff');
                        }else{
                         $(".header-top .header-logo a img").attr({ src: "img/logo.png"});
                         $("#add1").addClass("activeColor");
                         $("#add1").removeClass("changecolor");
                         $(".header-top .login-reg a").removeClass("changegreen");
                        }
    },
                });
  • 相关阅读:
    VMware提示此主机支持Intel VT-x,但Intel VT-x处于禁用状态怎么解决
    linux中几种安装软件 方法
    Linux向文件添加内容的几种方法
    什么是模块?模块划分的原则是什么?
    NOIP2009 t3 最优贸易
    HDU3072 Intelligence System
    洛谷P2569 股票交易
    玄学
    [0403]学习一个——苟(简单Java开发)
    实验 3:类和对象
  • 原文地址:https://www.cnblogs.com/lj8023/p/9693223.html
Copyright © 2011-2022 走看看