On my page, I have a horizontal scroller which activates onMouseOver, I would like this to automatically start when teh page is loaded, when this reaches the end, it then scrolls the other way?!
demo:
http://www.dyn-web.com/code/scroll/horiz.php
JavaScript Code
http://www.dyn-web.com/code/scroll/js/dw_scroll.js
What I'm trying to do just doesn't seem like it should be that difficult but I'm sure struggling with lacking skills I should say. I'm trying to automatically scroll a div up and down. For say if div.scrollTop = 0 then scroll to the bottom once it reaches the bottom scroll back up and so forth not stopping in a loop with say a timeout of 10.. Just need help putting it all together.
I've figured some stuff out:
I can tell if I'm at the bottom of the scrollable area with:
(document.getElementById(id).clientHeight + document.getElementById(id).scrollTop) - document.getElementById(id).scrollHeight
[Code]...
What I want is when I submit my page the scroll position shows a specific area. I tried this but it didn't work(FF,OP6):mad:
<?php
if($_POST["submit"]){
print "<script type='' language='JavaScript'>
self.scrollTo(0, 100);
</script>";?>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<form action="" method="POST" id="myForm">
<input type="submit" name="" value="Top" id="myButton">
</form>
<!--a lot of html code-->
</body>
</html>
I've installed the jQuery autoscroll [URL], for my web page. I'm using it in a div tag for a news feed. The problem is that it is looping. Is there any way to make it stop at the bottom? And if its possible, is there any way to make it being able to scroll upwards again?
View 3 Replies View Related