如何滾動窗口而不溢出

Question

我需要在窗口中滾動，但我的窗口高度太小而無法滾動。當容器的高度太小而看不到滾動條時，可以滾動嗎？ 這裏是我的代碼，以滾動：

setTimeout(function(){ 
    $(window).scrollTop($(window).scrollTop()+1); 
    $(window).scrollTop($(window).scrollTop()-1); 
}, 800); 

我需要滾動窗口或身體，即使它的高度小於100像素。

Answer 1

要查看滾動條，只需在容器上使用CSS屬性overflow:scroll;即可。

Answer 2

我相信你想在你的CSS設置的110%一個min-height上html。我會做：

html { 
    min-height: 110%; 
} 

這裏有一個演示：http://jsbin.com/sebago/1/edit?html,css,output

Answer 3

如果你定義在你的元素一個固定的高度，那麼你可以使用溢出：滾動，使滾動。

Answer 4

你需要先隱藏滾動條，不佔用空間（因爲你沒有在元素太多空間），您可以進行下一個CSS：

#elementId{ 
    overflow: hidden; 
} 

然後，你需要以鼠標滾輪事件在「小」元素結合並觸發功能手動滾動你的元素，你可以做下一個jQuery代碼：

$('#elementId').bind('DOMMouseScroll mousewheel', function(e) { 
    $('#elementId').scrollTop($('#elementId').scrollTop()+1); 
}); 

這個例子是簡化只是在一般的鼠標滾輪事件綁定，要知道它是上漲還是下跌，您可以使用jQuery鼠標滾輪插件，你可以得到here。