faqts : Computers : Programming : Languages : JavaScript

+ Search
Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

6 of 15 people (40%) answered Yes
Recently 6 of 10 people (60%) answered Yes

Entry

How Can I Scroll Down In a Floating Box (<div style=overfow:scroll>) ?

Apr 8th, 2008 18:08
ha mo, Abolfazl Shirazi,


Abolfazl Shirazi :
I have found my answer. It is not hard to scroll down in a floating 
box .You just need to change the (scrollTop) property of
that floating box. See the page below:
<!-- Begin -->
<html>
<body>
<div id="MyDiv" style="width:200;height:100;overflow:auto;border:1 
solid black">
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
Hello Boys and Girls.<br>
</div>
<br>
<button onclick="MyDiv.scrollTop = '10'">Scroll Down to 10 pixel from 
top</button>
<button onclick="MyDiv.scrollTop = MyDiv.scrollTop+10">Scroll Down by 
10 pixel</button>
</body>
</html>
<!-- End -->
http://www.businessian.com
http://www.computerstan.com
http://www.financestan.com
http://www.healthstan.com
http://www.internetstan.com
http://www.moneyenews.com
http://www.technologystan.com
http://www.zobab.com
http://www.healthinhealth.com