隐藏滚动条的方法

 

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function() {
				for(var i = 0; i < 30; i++) {
					$(".div2").append("<p>今天天气很不错" + i + "</p>")
				}
			})
		</script>
		<style>
			#div1 {
				width: 200px;
				height: 300px;
				border: 1px solid red;
				overflow: hidden;
			}
			
			.div2 {
				border: 1px solid blue;
				overflow-y: scroll;
				width: 220px;
				height: 300px;
			}
		</style>
	</head>

	<body>

		<div id="div1">
			<div class="div2"></div>
		</div>

	</body>

</html>

　　

 

posted @ 2018-02-26 17:47  梁小清  阅读(277)  评论(0)    收藏  举报