jquery - jQuery：使示例平滑向下滑动

Question

我在这里有一个几乎可以工作的代码： jsFiddle。

它能做什么？它在绿色矩形上上下滑动。这里有几个我想解决的问题，但第一个是：我希望它平滑地一起滑下，中间没有空间，时间为1500 毫秒。现在它可以工作 500 毫秒，当您单击向下滑动时，绿色矩形向下滑动得更快（我不明白为什么）。

另外我不想改变我的 html div 的结构，如果可能的话，只能添加额外的 div 来重写代码。

PS jQuery 的其他代码几天前用于此解决方案，但在 FF 中并没有很好地向下滑动（虽然在 Chrome 中完美），所以它被当前的 jQuery 代码所取代，这要感谢 AK ( jQuery - slide down instead向上滑动）

Answer 1

你没事吧？( jsFiddle )

 $(document).ready(function ()
    {
        $('#slide-link').click(function(){

            var hid = $('#sliderWrapper').is(':hidden')            
            $(this).animate({ top: (1-hid)*($(window).height()) },1500)

            if(hid) {$('#sliderWrapper').stop().show("slide", { direction:"down" }, 2000);}
            else { $('#sliderWrapper').stop().hide("slide", { direction:"down" }, 2000); }

        })
    });

if-else我在声明中增加了 500 超过 1500

Answer 2

我不确定我是否理解你的问题，这是你要找的吗？

jsfiddle