{ASK} how to make fixed background and scrollable content

Discussion in 'CSS' started by huseinbandi, Mar 1, 2012.

  1. #1
    Hey guys.. please help me to make fixed background,and footer and scrollable content like this site :

    http://envato.com/
    HTML:
     
    huseinbandi, Mar 1, 2012 IP
  2. czent

    czent Peon

    Messages:
    45
    Likes Received:
    2
    Best Answers:
    5
    Trophy Points:
    0
    #2
    If you take a look at Envato site's code with any of the developer tools available on Firefix, Chrome, Safari you'll see it has:

    body { background: #528036 url(images/background.jpg) no-repeat fixed 0 0; }
    HTML:
    And the bottom fixed footer has:

    #footer_wrap {
      position: fixed;
      bottom: 0;
      height: 47px;
      width: 100%;
      background: #1b1b1b url(images/footer-bg.jpg) no-repeat 0 0;
      border-top: 1px solid #749e58;
      z-index: 99;
    }
    HTML:
    That takes care of the fixed body background image & fixed bottom bar.

    And for scrolling from point to point they are using jQuery scroll function.
     
    czent, Mar 2, 2012 IP
  3. huseinbandi

    huseinbandi Well-Known Member

    Messages:
    1,060
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    130
    #3
    well thanks dude, i'll try it.. ^^"
     
    huseinbandi, Mar 2, 2012 IP