UIkit 的滑动动画怎么不生效？
我在用 UIkit 做一个下拉菜单，想加个滑动展开的动画效果，但加上 uk-toggle 和 uk-animation-slide-top 后完全没反应，元素直接显示/隐藏了，动画一点没出来。
我查了文档，也引入了 uikit.min.js 和 uikit.min.css，基础组件比如 modal 都能正常工作。是不是我用错类名了？还是需要额外初始化什么？
这是我的代码：
<button type="button" uk-toggle="target: #menu">Toggle</button>
<div id="menu" class="uk-animation-slide-top" hidden>
<p>菜单内容</p>
</div>- 2
回答
4浏览
UIkit动画在Vue中不生效是怎么回事？
我在Vue组件里用UIkit的uk-animation-slide-left类做入场动画，但根本没效果，是哪里写错了吗？ 已经引入了UIkit的CSS和JS，其他组件比如Modal都能正常用，就动画不...
- 1
回答
15浏览
UIkit 的响应式网格在 React 中不生效是怎么回事？
我用 UIkit 做了一个简单的响应式布局，但在 React 项目里移动端根本不按预期堆叠，还是横着排。明明加了 uk-grid 和 uk-child-width-1-2@s 这些类，本地 HTML ...
- 1
回答
15浏览
UIkit组件样式不生效是怎么回事？
我在Vue项目里引入了UIkit，但写出来的按钮完全没有UIkit的样式，控制台也没报错，是不是哪里配置漏了？ 我按文档在main.js里import了CSS，组件里也加了uk-button类名，但按...
- 1
回答
14浏览
UIkit Sortable 排序后怎么获取新的顺序？
我用 UIkit 的 sortable 组件做了一个拖拽排序列表，但拖完之后不知道怎么拿到最新的元素顺序。文档里没太看明白，试了 change 事件但好像没触发？ 我的 HTML 结构大概是这样： &...
- 2
回答
32浏览
UIkit 组件样式不生效是怎么回事？
我用 UIkit 写了个按钮，但自定义的 class 样式完全没效果，是不是被 UIkit 的默认样式覆盖了？ 我试过在 <button class="uk-button my-btn">...
- 2
回答
71浏览
UIkit Sticky导航栏滚动到顶部时突然消失怎么办？
我在用UIkit的Sticky组件做固定导航栏，滚动到页面顶部时导航栏突然消失了，但往下拉又会出现，这是怎么回事？ 代码结构是这样的： <nav class="uk-navbar-contain...
- 1
回答
6浏览
UIkit 的 Tab 切换后内容不显示怎么办？
我用 UIkit 做了个 Tab 组件，点击标签能切换 active 状态，但对应的内容区域一直空白。明明 HTML 结构是照着文档写的，也引入了 uikit.min.js，就是不显示内容。 试过把 ...
- 1
回答
11浏览
UIkit Switcher切换后内容不显示怎么办？
我在用 UIkit 的 Switcher 做一个选项卡切换，点击 tab 能高亮，但对应的内容区域始终是空白的，根本没切换出来。 HTML 结构是照着官方文档写的，也引入了 uikit.min.js，...
- 1
回答
13浏览
UIkit幻灯片高度塌陷怎么解决？
我用UIkit的Slideshow组件做轮播图，图片明明有高度，但容器高度却变成0了，导致下面的内容直接盖上来。试过加 uk-height-viewport 也不行。 这是我的CSS： .slides...
- 1
回答
23浏览
UIkit组件的自定义样式为啥不生效？
我在用UIkit做项目时，想改一个.uk-card的背景色，但加了自定义CSS就是没反应。是不是UIkit的样式优先级太高了？我试过直接在组件上写style也不行。 这是我的CSS代码： .uk-ca...
不过这样写可能效果不对，因为 uk-animation-slide-top 是用于元素显示时的动画，不是 toggle 动画。你得用 uk-slide 动画组件来实现这个效果：
不过 uk-slidenav 也不是直接用于下拉菜单的，看起来你得用 uk-dropdown 来实现下拉菜单的滑动效果：
这样应该能实现你想要的滑动效果。
hidden属性，UIkit 动画需要用它的uk-hidden类。把代码改成这样就行：
或者如果你想 hover 时也能触发动画，加个
uk-animation-toggle类。