使用jquery(或javascript)在溢出的div内滚动

时间:2013-02-14 14:32:44

标签: javascript jquery html

我有一个固定高度的div和溢出y:滚动我通过ajax加载。我目前正在寻找滚动div内容(使用鼠标滚轮)但不显示滚动条的可能性。有人可以帮忙吗?

2 个答案:

答案 0 :(得分:1)

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

在鼠标滚轮上,计算滚动:

$('.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/

唯一的问题是关于固定线的高度。

答案 1 :(得分:0)

您可以overflow:hidden使用display-none

scroll-bar css之后应用{{1}}

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

jQuery: How do I scroll the body without showing the scroll bar?