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

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

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

圖片描述

回答
編輯回答
歆久

div overflow設(shè)置為hidden；
利用transform:translate屬性 在touch的時(shí)候修改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>

谷歌瀏覽器 滑動(dòng)沒(méi)問(wèn)題

2018年3月26日 07:09