☀【插件】iScroll

☀【插件】iScroll

iScroll 4.2.5 中文API √
http://www.gafish.net/api/iScroll.html

-webkit-overflow-scrolling: touch

☀【插件】iScroll

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="utf-8">

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

    <title></title>

    <style>

        #head {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 40px;

            background: #F00;

        }

        #body {

            position: absolute;

            top: 40px;

            left: 0;

            bottom: 40px;

            width: 100%;

            background: #FF0;



            overflow: auto;

            -webkit-overflow-scrolling: touch;

        }

        #foot {

            position: absolute;

            bottom: 0;

            left: 0;

            width: 100%;

            height: 40px;

            background: #F00;

        }

    </style>

</head>

<body>

    <div id="head"></div>

    <div id="body">

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

        <p>如果丘处机没有路过牛家村,中国将是最发达国家</p>

    </div>

    <div id="foot"></div>

</body>

</html>

 

你可能感兴趣的:(scroll)