2012-08-01 6 views
0

바닥 글이 페이지 아래쪽에있을 때마다 페이지 아래로 스크롤 할 때 바닥 글이 페이지 아래에 머물러있게하려는 사이트가 있습니다. 이제 아래쪽으로 스크롤하여 같은 위치에 머물러 페이지 하단에 가지 마세요 문제가 jquery에서 처리 된 backstretch 플러그인인지는 모르겠지만 내 코드는바닥 글 페이지 하단에

입니다.
<title>Atec Clima</title> 
<script> 
    $.backstretch("img/bg.jpg",{speed: 500}); 
</script> 
</head> 
<body> 

<div class="container"> 
    <?php require("_header.php");?> 
    <div class="page"> 
     <div class="riquadri"> 
      <img src="img/home/riscaldamento.jpg" alt="riscaldamento" /> 
      <p> 
       Una caldaia ben mantenuta consuma meno… risparmia energia e dura di pi&ugrave;!!<br /> 
Una caldaia periodicamente controllata &egrave; garanzia di sicurezza per l’utente e per l’ambiente. 
      <title>Atec Clima</title> 
<script> 
    $.backstretch("img/bg.jpg",{speed: 500}); 
</script> 
</head> 
<body> 

<div class="container"> 
    <?php require("_header.php");?> 
    <div class="page"> 


    </div> 

</div> 
    <div class="footer"> 
    </div> 
</body> 
</html> 

body { 
    font-family: UbuntuRegular; 
    font-size: 62.8%; 
    width: 100%; 
    height: 100%; 
    background: #fff url(../img/bg.jpg) top center no-repeat; 
} 
.container { 
    width: 1000px; 
    height:100%; 
    margin: 0 auto -140px; 
    overflow: hidden; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    z-index: 2; 
    padding-bottom:140px; 
} 

.footer{ 
    background:#1357c6; 
    position:absolute; 
    bottom:0; 
    width:100%; 
    height:140px; 
} 
+2

위치 : – jacktheripper

+0

완벽한 고정! 감사 –

답변