jquery - スライドアウトタブの作り方

Question

Web ページの左側にあるタブをスライド アウトしたいのですが、「バウンス」効果でページ内にスライドし、「クリップ」などの別の効果でスライド アウトしたいのですが、方法がわかりません。

Answer 1

jQuery を使用して、この例では、ユーザーに div が表示されなくなったときに div をスクロールします。

//scrolling the output_code div to my view
$(window).scroll(function () {
    var set1 = $(document).scrollTop();
    var p = $("#output_code").position();

    if((set1 - p.top > 150)||(set1 - p.top < -700)){
        $('#output_code').animate({top:set1 + "px"},{duration:500,queue:false});
    }
});

常にスクロールしたい場合：

//scrolling the output_code div to my view
$(window).scroll(function () {
    var set1 = $(document).scrollTop();
    var p = $("#output_code").position();
    $('#output_code').animate({top:set1 + "px"},{duration:500,queue:false});

});

もちろん、#output_code を div id に変更します。幸運を！