Solved

Content Stay even while scrolling page.

Posted on 2008-10-29
3
687 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
Comment Utility
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
Comment Utility
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
Comment Utility
Thank you very much :)
0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

772 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now