Provide Inline Scrolling in Div
Provide Inline Scrolling in Div
Some External file are needed to work this out
Source Web site :- http://jscrollpane.kelvinluck.com/
Download Files :- http://jscrollpane.kelvinluck.com/index.html#download
File Needed :- 1.jquery.jscrollpane.css
2.jquery.mousewheel.js
3.jquery.jscrollpane.min.js
4.jquery-1.9.1.js {Any Latest file will work}
<script src="Script/jquery-1.9.1.js" type="text/javascript"></script>
<script src="Script/jquery.jscrollpane.min.js" type="text/javascript"></script>
<script src="Script/jquery.mousewheel.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function ()
{
$('.divscroll').jScrollPane();
});
</script>
<style type="text/css">
.divscroll
{
height:480px;
/*overflow-y: scroll;
overflow-x:hidden; */
margin-top:20px;
overflow: auto;
}
</style>
<div class="divscroll">
<p>
Stand-alone residential structures including Villas, Bungalows, Row houses, etc.
(excluding Apartments which are
considered under Multi-dwelling – small or large – category)
</p>
<p>
Stand-alone residential structures including Villas, Bungalows, Row houses, etc.
(excluding Apartments which are
considered under Multi-dwelling – small or large – category)
</p>
<p>
Stand-alone residential structures including Villas, Bungalows, Row houses, etc.
(excluding Apartments which are
considered under Multi-dwelling – small or large – category)
</p>
<p>
Stand-alone residential structures including Villas, Bungalows, Row houses, etc.
(excluding Apartments which are
considered under Multi-dwelling – small or large – category)
</p>
</div>
Some External file are needed to work this out
Source Web site :- http://jscrollpane.kelvinluck.com/
Download Files :- http://jscrollpane.kelvinluck.com/index.html#download
File Needed :- 1.jquery.jscrollpane.css
2.jquery.mousewheel.js
3.jquery.jscrollpane.min.js
4.jquery-1.9.1.js {Any Latest file will work}
<script src="Script/jquery-1.9.1.js" type="text/javascript"></script>
<script src="Script/jquery.jscrollpane.min.js" type="text/javascript"></script>
<script src="Script/jquery.mousewheel.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function ()
{
$('.divscroll').jScrollPane();
});
</script>
<style type="text/css">
.divscroll
{
height:480px;
/*overflow-y: scroll;
overflow-x:hidden; */
margin-top:20px;
overflow: auto;
}
</style>
<div class="divscroll">
<p>
Stand-alone residential structures including Villas, Bungalows, Row houses, etc.
(excluding Apartments which are
considered under Multi-dwelling – small or large – category)
</p>
<p>
Stand-alone residential structures including Villas, Bungalows, Row houses, etc.
(excluding Apartments which are
considered under Multi-dwelling – small or large – category)
</p>
<p>
Stand-alone residential structures including Villas, Bungalows, Row houses, etc.
(excluding Apartments which are
considered under Multi-dwelling – small or large – category)
</p>
<p>
Stand-alone residential structures including Villas, Bungalows, Row houses, etc.
(excluding Apartments which are
considered under Multi-dwelling – small or large – category)
</p>
</div>
Comments
Post a Comment