i have 1 div with scrollbars and another div with a table inside. when user scroll horizontal bar in div1 i want application to scroll the table header from the same amount of pixels and in the same direction. i did not find anything under jQuery about that.. :-(
1. how can i detect in which direction the scroll is done (to the right, or to the left) ? 2. how can i determine how many pixels this scrolling is about ? 3. how to scroll the table header (table tag or th tag) from the same amount of point ?
i found just scrollLeft for now and i'm not successful to use it
I was wondering if there is anyway to capture an event for when the scroll bar would appear while rendering a page with dymanic results driven questions. Such that answer to q1 would lead to another question, need to know what would be the last question before the scroll bar would appear.
I have a HTML content with some pages defined as <div>...</div>. One of them is visible while the rest is hidden (the visibility can be changed on client side). The problem: standard window scroller counts whole content (visible and hidden) so empty space is also scrolled. I'd like it to behave as only visible content is to be scrolled (not empty space). The same applies to print (window.print). It prints not only what is visible, but also empty pages for these div's which are not visible.
How to set scroller (and print method) to take only visible content of page?
scroll may page to top like the one used on this page - http://www.pngised.net/ In the footer theres a link entitled 'bring me to the top' when selected scrolls the user to the top of the page, Iv been trying to find this technique but havent been successful.
I've started seeing this on a few pages and I'd like to add it to mine. I'd like to add a back to top button where it doesn't just jump right to the top, but acts like the user were actually using the scroll bar.
Here are some well done examples: [url] and [url]
I've got a basic example working on my own site, I just don't know how to stop it, (right now it just keeps going and going even if i try to scroll back down.) i'd like to be able to tell if the user reached the top, then stop it, but from what I've looked, i can't find a way to check where exactly they are in my page.
I figure, if i can get mine to stop, I can fancify it later with the image that shows if you've moved down and what not, right now I'd like to just stop it when it reaches the top.
I have a website on angelfire and they give me little access to the cgi-bin cause its a free site but they do have a form_handler_file & a form_handler_mail that i can use so there isnt much room to work with the only thing i did not like about it is that all the new additions to the File were at the bottom of the page instead of the top, so with the addition of this onload script, all is well.
It took exactly 17 9's to be compatible with firefox & IE and still scroll to the bottom of the page no matter how long the document was. I also put the page within an <iframe> so there is no problem on scrolling all the way back to the top just to navigate.
BTW i use the form_handler_file to make a news post so i dont have to always edit the news page and upload it everytime i have some new news to add.
point me in the direction of were I could get the code to scroll may page to top like the one used on this page - http:[url].....In the footer theres a link entitled 'bring me to the top' when selected scrolls the user to the top of the page, Iv been trying to find this technique but havent been successful.
I have the following scroll script, which scrolls round the page fine, works exactly how i want it too.
However, i need it to ignore the top say 200px as i have a fixed header at the top of the page that the content scrolls behind.
Meaning that when i scroll to top it scrolls the content to behind the fixed header so i cannot see it, so i need it to scroll to just below the header.. so to treat the bottom of the header as the top of the browser i suppose....
I have looked around and cannot find what I need. I am looking to put a box in my left nav bar that shows 10 links at a time. I would like it to slowly scroll upward continuously in a loop. I have about 50 to 75 links I would like to put there.
I'm programming a quick live help app and am trying to get the message container div, which scrolls vertically to always scroll to the bottom. Currently i am using:
That is run every time there is a new message appended to the container. however, while it works in all browsers i've tested it in, it seems to be completely ignored in AOL Explorer. why it is not working in that browser? Any alternative methods i could try?
Well I finally got rid of the iframes and replaced them with scrollable divs. The only problem is the scrollBy does not work on divs. I want the div to scroll 100% of it's height when a button is clicked. This doesn't work eather.
Code: var y=display.clientHeight; alert(display.clientHeight); //alerts 351 display.scrollTop='y';//does nothing //neither does this