Solved

Content Stay even while scrolling page.

Posted on 2008-10-29
3
691 Views
Last Modified: 2013-11-19
I have a box that has buttons and possible input area for text.

I need to have this box stay at its current location *even* if the page/browser is being scrolled.

So all the other content is being scrolled this box stay put.

Is there a way to do this... I don't know what to search on.  Everything I search on brings back products about menus staying put while scrolling.

Any one have code or example or pointers to the right search terms to do this?

thanks so much for any help :)

Angela
0
Comment
Question by:angelalaw
3 Comments
 
LVL 16

Accepted Solution

by:
sh0e earned 500 total points
ID: 22837623
Add CSS style: style="position:fixed"
<div style="position:fixed; top:50;left:50;"><img src="http://www.google.com/images/nav_logo3.png"/><b>hello wolrd</b></div>
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>

Open in new window

0
 
LVL 16

Expert Comment

by:Lolly-Ink
ID: 22837728
Check out the box (and the code behind it) on this page:
http://home.tampabay.rr.com/bmerkey/examples/fake-position-fixed.html
0
 

Author Closing Comment

by:angelalaw
ID: 31511528
Thank you very much :)
0

Featured Post

ScreenConnect 6.0 Free Trial

At ScreenConnect, partner feedback doesn't fall on deaf ears. We collected partner suggestions off of their virtual wish list and transformed them into one game-changing release: ScreenConnect 6.0. Explore all of the extras and enhancements for yourself!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Why doesn't Google directions work? 6 47
css selector 1 17
Little bit of help styling my heading 3 21
Optimize simple Javascript code to use no repetitions 12 31
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL (http://www.experts-exchange.com/articles/201/Handling-Date-and-Time-in-PHP-and-MySQL.html) several years ago, it seemed like now was a good time to updat…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn how to count occurrences of each item in an array.

809 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