custom-scrollbar-with-incomplete-style.html 1.81 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
<html>
<head>
<title>Incomplete scrollbar</title>
<style>
/* Turn on a 13x13 scrollbar with no background specification. */
::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

pre { background-color: green; }
</style>
</head>
<body>
<h2>It's OK if nothing drawn for a scrollbar (for an outermost frame and an element with overlow)</h2>
<p>Note that Safari doesn't allow to customize the outermost scdrollbars and just show Cocoa's.</p>
<pre style="height: 100px; width:100px; overflow:auto;">
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
</pre>
<pre style="height:200%;"></pre>
<pre style="width:200%;"></pre>
</body>
</html>