如何滚动窗口而不溢出

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。