js各种效果

2.固定高度的div，竖直方向出现滚动条，水平方向固定

http://www.jb51.net/css/109928.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.sidebar-nav{
	100px;
	height:100px;
	background:#063;
}
</style>
</head>

<body>
<textarea rows="6" cols="20">
在w3school，你可以找到你所需要的所有的网站建设教程。
在w3school，你可以找到你所需要的所有的网站建设教程。
在w3school，你可以找到你所需要的所有的网站建设教程。
</textarea>
<div class="sidebar-nav" style="overflow:auto;overflow-x: hidden">
在w3school，你可以找到你所需要的所有的网站建设教程。
在w3school，你可以找到你所需要的所有的网站建设教程。
在w3school，你可以找到你所需要的所有的网站建设教程。
</div>
</body>
</html>