CSS3 如何自定义限制某一个区域的滚动条

发布网友发布时间：2022-04-26 18:21

共2个回答

热心网友时间：2022-04-06 14:22

是要这样子吗？
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>scroll</title>
<style>
.scroll{
    border:1px solid #000000;
    width:300px;
    height:400px;
    overflow:scroll;
}
</style>
</head>
<body>
    <div class="scroll">
        Begin
        <br/><br/><br/><br/><br/><br/><br/><br/><br/>
        <br/><br/><br/><br/><br/><br/><br/><br/><br/>
        <br/><br/><br/><br/><br/><br/><br/><br/><br/>
        End
    </div>

</body>
</html>

追问不对，是页面的滚动条样式设置，样式我会设置，不过设置后页面所有的滚动条都一样，所以我想Css3怎么控制其中一个滚动条。
另外滚动条的样式都是伪样式所以没办指定

追答

是滚动条样式吗？

<DOCTYPE HTML>
<html>
<head>
    <title> Scroll Bar </title>
    <style>
        div{width:100px;height:100px;overflow:scroll; float:left;margin:5px 20px 0 0;}
        p{width:200px;height:200px;}
        .scrollbar01{
            scrollbar-face-color:#70807d;
            scrollbar-arrow-color:#ffffff;
            scrollbar-highlight-color:#ffffff;
            scrollbar-3dlight-color:#70807d;
            scrollbar-shadow-color:#ffffff;
            scrollbar-darkshadow-color:#70807d;
            scrollbar-track-color:#ffffff;
        }
    </style>
</head>

<body>
    <div class="scrollbar01"><p>01</p></div>
</body>
</html>

热心网友时间：2022-04-06 15:40

加个盒子不行么？

CSS3 如何自定义 限制某一个区域的滚动条

CSS3 如何自定义限制某一个区域的滚动条