使用jQuery（或JavaScript）在div内滚动并溢出

Question

我有一个固定高度和div -y的div：我通过ajax加载的滚动。 我目前正在寻找一种在div内滚动内容（使用鼠标滚轮）但不显示滚动条的可能性。 有人可以帮忙吗？

Answer 1

另一种方法是使用jquery.mousewheel： https : //github.com/brandonaaron/jquery-mousewheel

在鼠标滚轮上，计算urself滚动：

$('.toScroll').on('mousewheel',function(event, delta, deltaX, deltaY){
    if(!$(this).attr('data-scrolltop')){
        $(this).attr('data-scrolltop',0);
    }
    var scrollTop = parseInt($(this).attr('data-scrolltop'));
    scrollTop += (-deltaY * lineHeight);
    $(this).attr('data-scrolltop',scrollTop);
    $(this).scrollTop(scrollTop);
});

我做了一个小提琴作为演示： http : //jsfiddle.net/W2pZB/

唯一的问题是关于var-fixed线的高度。

Answer 2

您可以通过使用css将overflow:hidden和overflow:hidden display-none在scroll-bar上应用后执行此操作

在下面的问题中，您可以找到相同的内容。

jQuery：如何在不显示滚动条的情况下滚动正文？