css ::-webkit-scrollbar
<html>
<head>
<title>-webkit-scrollbar</title>
<style type="text/css">
.div1 {
width:800px;height:100px;overflow-y: auto;border:1px solid #ccc;
}
.div2 {
width:800px;height:100px;overflow-y: auto;border:1px solid #ccc;
}
.div2::-webkit-scrollbar {
display:none;
}
</style>
</head>
<body>
<div>
<h2>CSS 自定义滚动条</h2>
<div class="div1">
<p>Falling in love with you was the easiest thing I’ve ever done.</p>
<p>爱上你是我做过的最容易的一件事。</p>
<p>There are all kinds of people in this world. It happens that we have become friends. This is not fate. It is just that we should be friends.</p>
<p>这世界上有各种各样的人，恰巧我们成为了朋友，这不是缘分，仅仅只是我们本就应该是朋友。</p>
<p>The world’s full of lonely people afraid to make the first move.</p>
<p>这个世界每一个孤独的人都害怕迈出第一步。</p>
<p>They don’t have a choice, but you do.</p>
<p>他们没得选择，但你有。</p>
<p>You never win with violence. You only win when you maintain your dignity.</p>
<p>你永远不会以暴力取胜。只有保持尊严才能战胜一切。</p>
</div>
<br>
<br>
<br>
<br>
<div class="div2">
<p>Falling in love with you was the easiest thing I’ve ever done.</p>
<p>爱上你是我做过的最容易的一件事。</p>
<p>There are all kinds of people in this world. It happens that we have become friends. This is not fate. It is just that we should be friends.</p>
<p>这世界上有各种各样的人，恰巧我们成为了朋友，这不是缘分，仅仅只是我们本就应该是朋友。</p>
<p>The world’s full of lonely people afraid to make the first move.</p>
<p>这个世界每一个孤独的人都害怕迈出第一步。</p>
<p>They don’t have a choice, but you do.</p>
<p>他们没得选择，但你有。</p>
<p>You never win with violence. You only win when you maintain your dignity.</p>
<p>你永远不会以暴力取胜。只有保持尊严才能战胜一切。</p>
</div>
</div>
</body>
</html>
网友评论