在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 頁面上怎么插入固定大小的盒子,溢出的文字可以滑動內(nèi)部看到

頁面上怎么插入固定大小的盒子,溢出的文字可以滑動內(nèi)部看到

我需要在頁面放一個固定大小的div,渲染很多數(shù)據(jù),鼠標和手指能滑動列表,但是不要側(cè)邊的滾動條,這該怎么設置呢。大概就是這樣的效果:

圖片描述

回答
編輯回答
歆久

div overflow設置為hidden;
利用transform:translate屬性 在touch的時候修改translate的值

2017年7月23日 14:37
編輯回答
初念
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <title></title>
        <style>![圖片描述][1]
            .box{ width: 300px; height: 200px; overflow: hidden; border: 1px solid #ddd;}
            .wrap{width: 330px; height: 200px; overflow-y: auto;}
            li{height:50px ; color: #000; background: red;}
        </style>
    </head>
    <body>
        <div class="box">
            <ul class="wrap">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>67</li>
                <li>6</li>
            </ul>
        </div>
    </body>

</html>

谷歌瀏覽器 滑動沒問題

2018年3月26日 07:09