Solved

Element follow when scrolling

Posted on 2008-09-29
1
1,461 Views
Last Modified: 2013-11-19
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
Comment
Question by:mgmweb
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 16

Accepted Solution

by:
anoyes earned 125 total points
ID: 22602959
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 Is Transaction Monitoring and who needs it?

Synthetic Transaction Monitoring that you need for the day to day, which ensures your business website keeps running optimally, and that there is no downtime to impact your customer experience.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Viewers will learn about arithmetic and Boolean expressions in Java and the logical operators used to create Boolean expressions. We will cover the symbols used for arithmetic expressions and define each logical operator and how to use them in Boole…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question