• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1467
  • Last Modified:

Element follow when scrolling

I am trying to find out if it is possible to make an element stick to the top of the page while scrolling.

Actually I know that it is possible, I found a great jQuery resource for this here http://kitchen.net-perspective.com/o...scroll-follow/.

This example is working as it should, but there is a nasty flicker everytime you scroll down. Is it possible to make the movement of the element smoother while scrolling? I dont want the flicker.

If this is possible can anyone show me an example? If it is not possible to accomplish in javascript/jQuery is it possible to do so in flash?
0
mgmweb
Asked:
mgmweb
1 Solution
 
anoyesCommented:
It's actually quite easy to do with CSS.  Just add the following attributes to the element you want to hover at the top of the page:

position:fixed;
top:0;
left:0;
right:0;
height:20px;

That will give a 20px high element that spans across the entire page, and will always stay at the top regardless of scroll position.  Also eliminates flickering.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now