顯示與隱藏底部對齊，內容只有滾動

Question

我試圖讓使用@http://bit.ly/99a5El

頁眉&頁腳是粘性的，當用戶點擊向下箭頭，可以觀察包裝盒的同時正在下降一個相同的功能時間頁面滾動也會改變

我請求任何人請幫我...在此先感謝...

Answer 1

在您的演示中進行以下更改。

在CSS：

#content { 
    padding: 0px; 
    margin: 0 auto; 
    margin-top:200px; 
    width: 700px; 
    text-align:left; 
    z-index:1; 
    position: relative; 
} 

#layout { 
    width: 700px; 
    position:absolute; 
} 

完整的JS文件：

<!-- Function --> 
var positionClosed = 0; // the vertical position of the title when minimized 
$(function(){ 
    positionClosed = $(window).height() - // window size 
    $('#footer').height() - // footer size 
    $('#content').css('margin-top').replace('px', '') - // margin from top 
    $('.trigger').height() - // title size 
    20; // a little margin 

    $("#content").css('top', positionClosed); 
    $('.toggle_container').hide(); 

    $(".trigger").click(function(){ 
    $(this).toggleClass("active").next().slideToggle("slow"); 
    if(!$(this).hasClass('active')) 
     $('#content').animate({top: 0}, 'slow'); 
    else 
    $('#content').animate({top: positionClosed}, 'slow'); 
    }); 
}); 

Answer 2

您在CSS文件中使用position:fixed頁眉和頁腳bottom:0px頁腳和top:0px爲頭。