jquery - 如何创建滑出选项卡

Question

我想在我的网页左侧滑出标签，但它通过“反弹”效果滑入页面，并通过“剪辑”等其他效果滑出，但我不知道该怎么做？

Answer 1

Using jQuery, this example scrolling the div when the user doesn't see the div any more:

//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});
    }
});

if you want just to scroll it all the time:

//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});

});

of course change the #output_code to you div id. GoodLuck!

Answer 2

看来您想要使用.animate()或.effect()与您tab的 s 一起使用的东西。

.animate()

http://api.jquery.com/animate/

.effect()

查看jquery-ui所以：http: //jqueryui.com/effect/。但是，如果您不向我们展示任何code内容，我们也无法为您提供帮助。