zoukankan      html  css  js  c++  java
  • fullPage.js 的使用

    https://cdnjs.com/ ——搜索库
    fullPage.js 的使用

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.6/jquery.fullPage.css"/>

    <script src="jquery-2.1.3.min.js" type="text/javascript" charset="utf-8"></script>
            <!--更多动画效果扩展easing.js-->
            <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.6/vendors/jquery.easings.min.js" type="text/javascript" charset="utf-8"></script>
            <script src="http://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js" type="text/javascript" charset="utf-8"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.6/jquery.fullPage.js" type="text/javascript" charset="utf-8"></script>
              

    http://www.jianshu.com/p/d514c8b884f9 ————学习笔记


    <div id="fullPage">
        <div class="section">
            <div class="slide">slide1</div>
            <div class="slide">slide2</div>
            <div class="slide">slide3</div>
            <div class="slide">slide4</div>
        </div>
        <div class="section">内容</div>
        <div class="section">内容</div>
        <div class="section active”>内容</div>   active—————相当于锚链接
    </div>

    针对有些内容过多  无法滚动  slimScroll不起作用
    新版fullpage已经作废了slimScroll,采用iscroll替换掉它了。。。将引入slimscroll地方改成http://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js就可以了。。。

  • 相关阅读:

    HTTP请求和响应格式
    什么是Alpha,Beta,RC,RTM,CTP版
    GE的分级体系与卫片的分辨率关系
    如何下载这幅DigitalGlobe卫星图?
    Google Maps/Earth下载图片封IP的最佳解决方法
    MAPGIS把经纬度坐标转换为大地坐标
    从Google卫星地图服务器上获取卫星照片的方法收藏
    谷歌地球 GoogleEarth软件介绍
    Oracle 查找表的字段信息
  • 原文地址:https://www.cnblogs.com/HouLin9456/p/5892655.html
Copyright © 2011-2022 走看看