模擬垂直滾動條,增長內容可滑動

時間 2019-11-18

標籤模擬垂直滾動條增長內容滑動简体版

原文原文鏈接

模擬垂直滾動條,效果如圖所示

html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .box {
            width: 300px;
            height: 500px;
            border: 1px solid red;
            margin:100px;
            position: relative;
            overflow: hidden;
        }
        .content {
            height: auto;
            padding: 5px 18px 5px 5px;
            position: absolute;
            top: 0;
            left: 0;
        }
        .scroll {
            width: 18px;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            background-color: #eee;
        }
        .bar {
            width: 100%;
            height: 100px;
            background-color: red;
            cursor: pointer;
            border-radius: 10px;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
<div class="box" id="box"><!--內容可視區-->
    <div id="content" class="content" ><!--內容區-->
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果 
     你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人
     小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你
     是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小
     蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是個人小蘋果你是
     個人小蘋果你是個人小蘋果****** 
    </div>
    <div id="scroll" class="scroll"><!--滾動條所在區域-->
        <div id="bar" class="bar"></div><!--滾動條-->
    </div>
</div>
</body>
</html>
<script src="common.js"></script>
<script type="text/javascript">
    
</script//滾動比例：內容向上走的距離 / 滾動條向下滾動距離 = 內容高度-可視區高度 / 可視區高度 - 滾動條的高度
    let $bar = $('#bar');
    let $scroll = $('#scroll');
    let $content = $('#content');
    let $box = $('#box');

    $scroll.onmousedown = function (e) {
        e = e || window.event;
        let y = e.offsetY;
        let maxY = $scroll.clientHeight - $bar.offsetHeight;
        document.onmousemove = function (e) {
            e = e || window.event;
            let t = e.pageY - $box.offsetTop - y;
            t = t < 0 ? 0 : (t > maxY ? maxY : t);
            $bar.style.top = t + 'px';
            //內容區滾動
            let stop = t * ($content.offsetHeight - $box.clientHeight) / ($box.clientHeight - $bar.offsetHeight);
            $content.style.top = -stop + 'px';
            // return false;//防止拖動滑塊的時候把文字選中            
        }
    }
    document.onmouseup = function () {
        document.onmousemove = null;
    }

return false很重要

common.js

//  判斷數組是否還有這個元素
function include(arr, item) {
    for(var i = 0; i < arr.length; i++) {
       if(arr[i] === item) {
           return true;
       } 
    }
    return false;
}
// 返回元素所在的位置
function indexOf(arr, item) {
    for(var i = 0; i < arr.length; i++) {
        if(arr[i] === item) {
            return i;
        } 
     }
     return -1;
}

// 任意區間隨機整數
function getRandom(max, min) {
    min = min || 0;
    if(min > max) {
        var a = min;
        min = max;
        max = a;
    }
    return min + Math.floor(Math.random() * (max - min + 1));
}

// 數組去重
function noRepeat(arr) {
    var __arr = [];
    for(var i = 0; i < arr.length; i++) {
        // 存在返回true, 不存在返回false
        var bool = __arr.indexOf(arr[i])
        if(bool == -1) {
            __arr.push(arr[i]);
        }
    }
    return __arr;
}

function $(ele) {
    return document.querySelector(ele);
}
function $A(ele) {
    return document.querySelectorAll(ele);
}

function getRandomColor() {
    var str = '0123456789abcdef';
    var color = '#';
    for(var i = 0; i < 6; i++) {
        color += str[getRandom(str.length - 1)];
    }
    return color;
}

// 格式化url, 獲取參數
function parseUrl(url) {
    var obj = {};
    url = url.split('?')[1].split('#')[0];
    url = url.split('&');
    url.forEach(function (x) {
        var arr = x.split('=');
        obj[arr[0]] = arr[1];
    })
    return obj;
}

// 獲取非行內樣式
function getStyle(ele, attr) {
    if(window.getComputedStyle) {
        return window.getComputedStyle(ele, null)[attr]
    }
    return ele.currentStyle[attr];
}

1. 2018/2/8 模擬垂直滾動條
2. td內增長滾動條
3. 垂直滾動條代碼
4. 滑動滾動框的內容,拖動滾動條
5. vue 內容增長滾動條自動定位至底部
6. 內容滾動條
7. bootstrap 增長滾動條
8. 水平滾動條和垂直滾動條設置
9. 模擬滾動條
10. 如何在DIV內只要垂直滾動條，不要水平滾動條
更多相關文章...
• ionic 滾動條 - ionic 教程
• jQuery Mobile 表單滑動條 - jQuery Mobile 教程
• 算法總結-滑動窗口
• 委託模式

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。