javascript - 侧边栏动画延迟

Question

I do not know if I can link to the theme that has the problem that I want to solve. If it is not allowed, please tell me to delete the question

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

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

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 必须在主题后加载才能正常工作。