如何滚动窗口没有溢出

Question

我需要在窗口中滚动，但我的窗口高度太小而无法滚动。当容器的高度太小而无法看到滚动条时，是否可以滚动。 这是我要滚动的代码：

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

我需要滚动窗口或正文，即使它的高度小于100px。

Answer 1

我相信您希望在CSS中的min-height上设置110% html。我愿意：

html {
  min-height: 110%;
}

以下是演示：http://jsbin.com/sebago/1/edit?html,css,output

Answer 2

要查看滚动条，只需在容器上使用CSS属性overflow:scroll;。

Answer 3

如果在元素中定义固定高度，则可以使用overflow：scroll来启用滚动。

Answer 4

你需要先隐藏滚动条以不占用空间（因为你在元素中没有太多空间），你可以用下一个css来实现：

#elementId{ 
   overflow: hidden;
}

然后你需要将鼠标滚轮事件绑定在小＆＃39;小＆＃39;元素并触发一个手动滚动元素的函数，你可以使用下一个jQuery代码：

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

这个例子简化为一般性地绑定鼠标滚轮事件，要知道它是向上还是向下，你可以使用 jQuery Mouse Wheel Plugin 来获得here。< / p>