與最小寬度固定頁腳，需要能夠滾動

我有以下樣式規則頁腳：與最小寬度固定頁腳，需要能夠滾動

#footer 
{ 
    position: fixed; 
    bottom: 0px; 
    width: 100%; 
    min-width:1300px; 
    z-index: 3; 
}

我有這樣的JQuery代碼，以使僅在x軸滾動可用：

$('html, body').css({ 
'overflow-y': 'hidden', 
'height': '100%'});

當窗口小於1300px，並且滾動條出現時，我怎樣才能讓它左右滾動？

來源

2013-07-01 Moose

把你的代碼中的jsfiddle :) – PiLHA

你不能使用位置絕對不是？ –

事情是，當我使用絕對定位時，它將頁腳踢出頁面（非常低且不可訪問，因爲不允許任何上下滾動），我只能通過使窗口更大來訪問頁腳。其設計缺陷，我試圖修復... – Moose

使我的評論作爲答案，使用位置絕對位置固定不能滾動（因爲元素是固定的...）

BT W，因爲您正在爲身體設置overflow-y: hidden，所以絕對位置不應該與使用固定位置時有不同的行爲。

DEMO

#footer { 
    position: absolute; 
    bottom: 0px; 
    width: 100%; 
    min-width:1300px; 
    z-index: 3; 
    background: red; 
    height:60px; 
    left:0; 
}

來源

2013-07-01 16:45:07

刪除我的答案，並upvoting你的。 –

@ dwreck08不會刪除您的答案，+1正在等待您;） –

這個怎麼樣：

$(window).scroll(function(){ 
    $('#footer').css('left',-$(window).scrollLeft()); 
});

你想也需要這個（可能）：

html, body { 
    min-width: 1300px; 
}

那就是你從一個固定的頁腳獲得最佳IMO

來源

2013-07-01 16:35:08 meiamsome

與最小寬度固定頁腳，需要能夠滾動

回答

相關問題