jquery - ウィンドウスクロールですべてのマウスオーバーイベントのバインドを解除します

Question

私はこのコードを試しました：

$(function(){
    $('.media-in').bind('mouseover',function(){
        $(this).children('.media-options').show();
    });
    $('.media-in').bind('mouseout',function(){
        $(this).children('.media-options').hide();
    });
    $(window).on('scroll',function(){
        $('.media-in').unbind('mouseover');
    });
});

期待どおりに動作しません。unbindページをスクロールしたときに発生するイベントを知りたいmouseoverのですが、どうすればよいですか？

また、unbind配列でスクロールするページ上のイベントへの方法はありますか？何かのようなもの：

$(window).scroll(function(){ 
    $(this).unbind(['mouseover','click','mouseout']);
});