need a sidebar which should scroll

**shadowstrike** · Aug 23 '13, 07:18 AM

Use

Code:

overflow:scroll

in your css file

Demo is shown below:-

Code:

<html>

<body>
 <style type="text/css">
.search-result{
	
	height: 150px;
	width: 205px;
	border: 1px solid;
	overflow: scroll;
}
.search-result .filter{
margin-top: 30px;
float: left;
word-wrap: break-word;
padding: 5px 10px;
line-height: 15px;
background-color: white;
} 
 </style>
	<div class="search-result">
						<div class="filter">
							<h3>Filters Applied</h3>
							<div class="source">Gender</div>
							<div class="user-list">
								<span><input type="checkbox" name="gender" class="radio" value="Male" /> Male</span>
								<span><input type="checkbox" name="gender" class="radio" vlaue="Female" /> Female</span>
							</div>
							<div class="source">Country</div>
							<div class="user-list">
								<span><input type="checkbox" value="India"> India</span>
								<span><input type="checkbox" value="USA"> USA</span>
								<span><input type="checkbox" value="UK"> UK</span>
								<span><input type="text" value="Enter another country"></span>
							</div>
							
	</div>


</body>

</html>

need a sidebar which should scroll

need a sidebar which should scroll

Comment