Question

我不知道我是否可以链接到有问题的主题想解决。如果不允许，请告诉我删除问题

我正在使用这个主题： here 正如您所看到的，只要光标位于侧边栏上，它就会扩展。当光标在侧边栏上至少2秒时，如何才能使侧边栏变大？在动画之前发生延迟。

主题使用的javascripts中是否有任何部分可以定义此延迟？

Answer 1

一些CSS会做到这一点。

仅延迟开放时间：

.sidebar-visible .icon-thumbnail,
.sidebar-visible .page-sidebar,
body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls {
    transition-delay: 2s;
}

延迟开启和关闭：

.icon-thumbnail,
.page-sidebar,
.page-sidebar .sidebar-header .sidebar-header-controls,
body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls {
  transition-delay: 2s;
}

注意这个CSS必须在主题之后加载才能正常工作。

Answer 2

您可以使用setTimeout执行此操作。

当用户将侧边栏悬停时，启动超时，在超时结束时，检查它们是否仍然悬停在侧边栏上。如果是这样，请调用该函数弹出菜单。

Answer 3

尝试使用jquery .mouseout（）;

例如：

$("p").mouseout(function(){
    $("p").delay(5000).hide(1000);
});

侧边栏动画延迟

3 个答案: