skrollr.menu实现全屏滚动层叠幻灯片效果代码-html代码-BFW代码库

skrollr.menu实现全屏滚动层叠幻灯片效果代码

代码语言：html

所属分类：幻灯片

代码描述：skrollr.menu实现全屏滚动层叠幻灯片效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700' rel='stylesheet' type='text/css'>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">

    <style>
        html, body {
          width:100%;
          height:100%;
          padding:0;
          margin:0;
          overflow-x:hidden;
        }
        
        .skrollable {
          /*
           * First-level skrollables are positioned relative to window
           */
          position:fixed;
        
          /*
           * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
           */
          z-index:100;
        }
        
        .skrollr-mobile .skroll.........完整代码请登录后点击上方下载按钮下载查看