scrollbars-on-positioned-content.html 894 Bytes
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 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
<html>
	<head>
		<style type="text/css">
		.tables
		{
			border: 1px solid red;
			overflow-y: auto;
			top: 50px;
			bottom: 0px;
			position: absolute;
		}
		
		.wrapper
		{
			border: 1px solid blue;
			overflow-x: auto;
			width: 300px;
		}

		.wrapper::-webkit-scrollbar
		{
			height: 9px;
		}

		.wrapper::-webkit-scrollbar-track
		{
			background-color: #E3E3E3;
		}

		.wrapper::-webkit-scrollbar-thumb
		{
			background: #CCCCCC;
			border: 1px solid #ADADAD;
		}
		</style>
	</head>
	
	<body>
		
		<p>This test passes if the custom scrollbar paints in the corrext spot, which is at the bottom of the purple div.</p>

		<div class="tables">
		<div class="wrapper">
	
			<div style="background-color:purple; width:500px; height:400px;"></div>

		</div>
		
        <div style="background-color:green; width:15px; height:900px;"></div>
        
        </div>
        
	</body>
</html>