抓住显示滚动条事件

时间:2013-09-23 18:51:02

标签: javascript jquery

我有一个相对定位的流体div。在这个div中,我有一个时间轴,由几个指示时间的标签组成。当滚动条出现时,我需要刷新时间轴的位置。但我能想到的唯一事件是:

$(window).resize(function(event) {
    ...
});

并且它不会发射。只有当我按下铬合金中的f12以打开开发工具时它才会触发。但是如果我以自然的方式获得滚动条(因为内容很多)我无法弄清楚如何捕捉这个事件

1 个答案:

答案 0 :(得分:1)

我制作了一个jsfiddle,显示当垂直滚动条出现时身体的宽度和随机div的变化。这可以帮助您解决问题。

http://jsfiddle.net/kasperfish/GrZp4/3/

$(function() {
    getinfo();
    $('#togglescroll').click(function(){
        $('#container').slideToggle( "fast" , function (){
            getinfo();
        });

    });
});



function getinfo(){
     $('#view').html('body width: '+$("body").width()+'</br>');
     $('#view').append('red rectangle width: '+$("#view").width()+' (2px < body because of border 1px)</br>'); 
    if ($("body").height()>$(window).height()) {
        $('#view').append('vertical scrollbar: yes');        
    }else{
        $('#view').append('vertical scrollbar: no'); 
    }

}