How do i track the scroll events in JS. Is there any standard way to do it ?
Please help me ... ;)
Please help me ... ;)
-
-
Use the onscroll event. It's not part of any standards, but should be reasonably well supported. -
I test this code in Mozilla...Originally posted by acoder
In Mozilla it's working ..but not in IE ......what should i be doing ??Code:<script type="text/javascript"> var golbal_var = 0; function test(){ alert(''); document.getElementById('text_id').value = ++golbal_var; } </script> </head> <body onScroll=test()> <input type='text' id='text_id'/> <div style='width:2000px;height:2000px'/>Comment
-
-
Hi ... Acoder thanks!Originally posted by acoder
In IE i had to do .... window.onscroll = function_ref.
Now in both it's working ..... ;)Comment
-
Hey Acoder.....Originally posted by dmjpro
A typical problem appears ...
It'salways showing value 0 ..no matter which scroll bars scrolled ....Code:alert(document.body.scrollLeft+'\t'+document.body.scrollTop);
What's wrong with it ..Comment
-
Which browser? A quick test in Firefox works.Comment
-
I am having this HTML code .....Originally posted by acoder
And this is my JavaScript code ..Code:<body onLoad = _test()> <input type='text' id='text_id'/> <div style='width:2000px;height:2000px' id='div_id'> </div> </body>
When horizontal or vertical scroll bars gets scrolled then the both of the values come 0 ...... in Mozilla and in IE both ..Code:function test(){ alert(document.body.scrollLeft+'\t'+document.body.scrollTop); } function _test(){ window.onscroll = test; }
What's wrong with it .... ?Comment
-
Again, your code works too in FF, at least. Have you got anything else on the page?Comment
-
How strange ..i am getting an alert box with two values ..and both are 0 .....Originally posted by acoder
believe me :(Comment
-
I tested with this version of your code:
[html]<html>
<head>
<script>
function test(){
alert(document. body.scrollLeft +'\t'+document. body.scrollTop) ;
}
function _test(){
window.onscroll = test;
}
</script>
</head>
<body onload = '_test()'>
<input type='text' id='text_id'>
<div style='width:20 00px;height:200 0px' id='div_id'>
</div>
</body>
</html>[/html]Works in Firefox 3.0.3Comment
-
Originally posted by acoder
But mine was Firefox 2.
Whatever it is ...i just wanted to know ..is there any way to position an element at the right most of the page ..... that means according to the position of the scroll bars ...could you guide me to do this ....?
Please ... ;)Comment
-
Use "position: fixed" - a simple solution. Set the right property to 0 for it to be fixed to the right side of the window.
Note that position: fixed is not supported in IE 6, but you can make it work using the fix described here.Comment
-
No no ..... if i scroll down or up ..or scroll horizontally ..at every situation the element should be at the rightmost corner of the page ..i think now u got my point ... ;)Originally posted by acoder
That's why i tried to track the scroll event ... :)Comment
-
Then you didn't understand what position: fixed does. That's exactly what you need.
See this modified example:
Code:<html> <head> <style type="text/css"> #text_id { position:fixed; top:0px; right:0px; } </style> </head> <body> <input type='text' id='text_id'/> <div style='width:2000px;height:2000px' id='div_id'> </div> </body> </html>Comment
Comment