HTML隐藏了滚动条的滚动效果

<html>
	<head>
		<title></title>
		<style type="text/css">
			.scroll_out {
				width: 200px;
				height: 200px;
				position: relative;
				overflow: hidden;
				border: 1px solid black;
			}
			.scroll_in {
				position: absolute;
				left: 0;
				top: 0;
				right: -17px;
				bottom: 0;
				overflow-y: scroll;
			}
		</style>
	</head>
	<body>
		</div>
		<div class="scroll_out">
			<div class="scroll_in">
				<ul>
					<li>1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
					<li>6</li>
					<li>7</li>
					<li>8</li>
					<li>9</li>
					<li>10</li>
					<li>11</li>
					<li>12</li>
					<li>13</li>
				</ul>
			</div>
		</div>
	</body>
</html>


版权声明:本文为qq_45838712原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。