7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Static Background Script?

by George Chernikov
5 replies
Hi all,

I was wondering where I could get a copy of the script that allows you to scroll the main section of the minisite, but not the background.

In other words, when you scroll down, the sales copy itself moves as it's supposed to - but the background remains fixed in place. This enables the designer to create much more complex background images, since he doesn't have to worry about inserting a "stretchable" element in the middle that scales with the minisite.

To illustrate, check out Supercharged Blogging - Automated Online Profits: Complete Guide! (I'm not affiliate with the site in any way - I just needed an example to show). As you can see, no matter how much you scroll down, the background remains static and fixed in place.
#background #script #static
  • Profile picture of the author Jesus Perez
    It's a CSS Body setting.

    Fixed Background- CSS Tutorials- Depiction
    Signature

    {{ DiscussionBoard.errors[636418].message }}
  • Profile picture of the author Tim Franklin
    You can also set it using javascript, but CSS is probably a better cross browser option.
    Signature
    Bitcoin | Crypto | Blockchain Secrets |
    {{ DiscussionBoard.errors[636421].message }}
  • Profile picture of the author George Chernikov
    Thanks a lot!
    {{ DiscussionBoard.errors[636596].message }}
  • Profile picture of the author koolwarrior
    Banned
    CSS is the better option, because some people turn off Javascript in their browsers. idk why, though.
    {{ DiscussionBoard.errors[636636].message }}
    • Profile picture of the author Eric Lorence
      Paste this in your CSS...

      background-image: url(../images/CHOOSEYOURIMAGE);
      background-position:top;
      background-repeat:repeat-x; (or "no-repeat" if a full size wallpaper background)
      background-size: 100%;
      background-color: CHOOSEYOURCOLOR;
      background-attachment:fixed;
      That's it...
      {{ DiscussionBoard.errors[636697].message }}

Trending Topics