Jquery 如何创建“滑出”选项卡

Jquery 如何创建“滑出”选项卡,jquery,Jquery,我想滑出网页左侧的选项卡,但它会通过反弹效果滑入页面,并通过另一种效果(如剪辑)滑出,但我不知道如何操作?似乎您需要使用.animate or.effect之类的选项卡 查看jquery ui so:。 但是如果您不向我们显示任何代码,我们也无法帮助您。使用jQuery,当用户不再看到div时滚动div的示例: //scrolling the output_code div to my view $(window).scroll(function () { var set1 = $(do

我想滑出网页左侧的选项卡,但它会通过反弹效果滑入页面,并通过另一种效果(如剪辑)滑出,但我不知道如何操作?

似乎您需要使用.animate or.effect之类的选项卡

查看jquery ui so:。
但是如果您不向我们显示任何代码,我们也无法帮助您。

使用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});
    }
});
当然,将输出代码更改为您的div id。
祝你好运

你能给我们看看你现在自己都试了些什么吗?
.effect()
//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});

});