2

我正在实现幻灯片下拉菜单，并且正在使用此代码

$(document).ready(function(){
    $('.drop').click(function(){
        var $next = $(this).parent().next('li.drop_down');
        if($next.is(':visible')) {
            $next.slideUp();
        } else {
            $next.slideDown();
        }
    });
});

但客户声称它不够流畅。他想扩展得非常顺利，那么有没有办法让它变得更平滑

4

6 回答 6

6

您可能想要合并缓动插件以获得更流畅的动画。

于 2010-07-12T18:49:45.857 回答
4

如果你的动画不流畅，你需要给滑动/滑动的元素一个像素宽度（不是百分比！），这在大多数情况下对我有帮助。

于 2012-02-24T13:11:11.757 回答
3

我刚遇到你的问题，我也有同样的问题。对于男人来说，固定的是去除填充物。我不知道，但由于某种原因，它没有被视为元素高度的总和。

于 2013-04-30T02:21:24.397 回答
2

根据所有答案和我的经验：

  1. 不要使用最小高度。
  2. 不要使用填充（在容器内部设置填充是可以的）。
  3. 不要使用百分比宽度。

ps 1：您可以使用响应式宽度（以百分比表示），但您已删除填充（设置内部容器元素填充）。

ps 2：您可以同时使用固定宽度和填充，有时它可以正常工作。

于 2018-04-14T14:43:35.423 回答
1

你可以试试jQuery UI库。Event() 类提供幻灯片效果，您可以在其中调整速度和其他与演示相关的属性

http://jqueryui.com/demos/effect/

于 2010-07-12T18:50:36.487 回答
1

您可以通过在 slideUp/slideDown() 中添加一些毫秒来增加动画持续时间：

    if($next.is(':visible')) {
        $next.slideUp(2500);
    } else {
        $next.slideDown(2500);
    }

这应该得到你需要的所有平滑度。

于 2010-07-12T18:53:14.827 回答