Question

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

它做什么？它向下滑动并向上滑动绿色矩形。这里有几个我要解决的问题，但第一个是：我希望它在 1500毫秒的时间内向下滑动平稳和一起，两者之间没有空格。现在它工作500毫秒，当你点击向下滑动时，绿色矩形向下滑得更快（我不明白为什么）。

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

P.S。几天前jQuery的其他代码用于这个解决方案，但它在FF中没有很好地滑下来（虽然在Chrome中很完美），所以它被当前的jQuery代码所取代，感谢AK（jQuery - slide down instead of slide up）

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声明

中以1500增加500

Answer 2

我不确定我是否解决了你的问题，这是你正在寻找的吗？

jsfiddle

jQuery：让例子顺利滑下来

2 个答案: