• 前端插件--isCroll的使用


    中文文档地址:

    http://wiki.jikexueyuan.com/project/iscroll-5/

    效果图:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <meta name="viewport"
     6           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     7     <title>Title</title>
     8     <script src="./js/iscroll.js"></script>
     9     <style>
    10         div{
    11              400px;
    12             height: 600px;
    13             overflow: hidden;
    14             border: 2px dashed #28a4c9;
    15             /*因为滑动条相对于父盒子定位*/
    16             position: relative;
    17             
    18         }
    19 
    20     </style>
    21 </head>
    22 <body>
    23 <div id="wrapper">
    24 <ul>
    25     <li>我要滑动!!</li>
    26     <li>我要滑动!!</li>
    27     <li>我要滑动!!</li>
    28     <li>我要滑动!!123</li>
    29     <li>我要滑动!!</li>
    30     <li>我要滑动!!</li>
    31     <li>我要滑动!!</li>
    32     <li>我要滑动!!</li>
    33     <li>我要滑动!!</li>
    34     <li>我要滑动!123</li>
    35     <li>我要滑动!!</li>
    36     <li>我要滑动!!</li>
    37     <li>我要滑234动!!</li>
    38     <li>我要滑动!!</li>
    39     <li>我要滑动!!</li>
    40     <li>我要滑动!123!</li>
    41     <li>我要滑动!!</li>
    42     <li>我要滑动!!</li>
    43     <li>我要滑动25245!!</li>
    44     <li>我要滑动!!</li>
    45     <li>我要滑动!!</li>
    46     <li>我要滑动!123!</li>
    47     <li>我要滑动!!</li>
    48     <li>我要滑动!!</li>
    49     <li>我要滑动!!</li>
    50     <li>我要滑动23423!!</li>
    51     <li>我要滑动!!</li>
    52     <li>我要滑动13134234!!</li>
    53     <li>我要滑动!!</li>
    54     <li>我要滑动!!</li>
    55     <li>我要滑动!!</li>
    56     <li>我要滑动!!</li>
    57     <li>我要滑动!!</li>
    58     <li>我要滑动!!</li>
    59 </ul>
    60 </div>
    61 <script type="text/javascript">
    62     var myScroll = new IScroll('#wrapper',{
    63         mouseWheel: true,
    64         scrollbars: true
    65     });
    66 </script>
    67 </body>
    68 </html>
  • 相关阅读:
    C#中的cookie编程
    C# 键值对数据排序
    C#操作json类型数据
    深刻理解C#的传值调用和传引用调用
    .Net程序员玩转Android开发--ListView单击事件
    C#与Visual Basic的异与同
    初识C#程序结构
    【转】Java学习---线程间的通信
    【转】Mysql学习---MySQL悲观锁中的排它锁
    Linux uptime命令详解
  • 原文地址:https://www.cnblogs.com/mrszhou/p/8289521.html
Copyright © 2020-2023  润新知