Jump to content
xisto Community
Sign in to follow this  
brandon10092

Scrolling Images? How to Make an Image Scroll With the Page

Recommended Posts

I'm trying to make my homepage look a little fancier and I've got a nice background image, but I want it to scroll with my page, like if you scroll down the image will still appear like it does on the top of the page. Can someone tell me how to do this? I'm using Microsoft Frontpage to edit it. I'm not sure what programming language this would be, probably CSS or Javascript, but I can edit the page script with Notepad or something to make this work. Right now the page is purely HTML, so whichever language this is, can somebody also give me the tags and markups to make the script correspond with the new language? I appreciate your help.

Edited by brandon10092 (see edit history)

Share this post


Link to post
Share on other sites

Well personally I do not like that. But it is your website. So you can do whatever you want with it. There could be a special code you put into it.

Share this post


Link to post
Share on other sites
bgproperties="fixed"
Put ths in your <body> directive and it will keep the background in place while everything else scrolls.

Share this post


Link to post
Share on other sites

scrolling images

Scrolling Images?

 

Hi I noticed you guys talking about scrolling backgrounds or "fixed" backgrounds and ive seen what I need done done on myspace before would you know how to make an image scroll with the page while everything else stays in place?

 

-reply by Dylan Drennan

Share this post


Link to post
Share on other sites

How to scroll an image along with the page

Scrolling Images?

 

I have an image on a web page and I want this image to scroll as the page scrolls.Can you provide me with the javascript code for doing this.

 

Thanks

 

-reply by Praveen

Share this post


Link to post
Share on other sites

I believe that you can do this with layers.  On the main, set the background-attachment property to scroll.  Overlay this with a <div> block that is anchored at whatever point that will contain the things that you want to remain still.

If this doesn't work exactly, overlay the page first with a div with a scrolling background and then place a <div> with no scrolling or only overflow scrolling under it (so it's not inheriting anything) and put you text in this second <div> block.  also make sure the second div has no background or it will cover the first. 

-reply by beefdr

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.