跳到主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
dropdown

6篇文章
{
,

}
文章“停止使用“下拉菜单””的直接链接
下拉菜单

停止使用“下拉菜单”

Adrian Roselli 笔记指出它可能实际上是指

  • 一个<select>菜单
  • 一个ARIA 列表框、组合框、菜单或公开小部件
  • 一个带<datalist>的输入框
  • 一个带autocomplete的输入框
  • 一个<details><summary>块
  • 一个手风琴
  • 飞出式导航

在我自己的使用中,我…

Avatar of Chris Coyier
Chris Coyier 于 2020年3月16日
文章“带有“动态点击区域”的菜单”的直接链接
下拉菜单 菜单 SVG

带有“动态点击区域”的菜单

飞出式菜单!一旦你需要实现一个使用悬停事件来显示更多菜单项的菜单,你就进入了棘手的领域。一方面,它们也应该能通过点击和轻触来操作。如果没有这些,你就会破坏…

Avatar of Chris Coyier
Chris Coyier 于 2019年7月3日
文章“带有“更多”按钮的容器自适应选项卡”的直接链接
下拉菜单 导航 优先级+

带有“更多”按钮的容器自适应选项卡

或者优先级导航模式,或者渐进式折叠导航菜单。我们至少可以用三种方式来命名它。

对于选项卡和菜单,有多种UX解决方案,它们各自都有各自的优势,你只需要…

Avatar of Osvaldas Valutis
Osvaldas Valutis 于 2018年5月2日
文章“用CSS解决!下拉菜单”的直接链接
可访问性 下拉菜单 导航

用CSS解决!下拉菜单

我们在网络上看到的一种常见的UI模式是下拉菜单。它们用于以分段的方式显示相关信息,而不会让用户因按钮、文本和选项过多而感到不知所措。我们在网站的标题或导航区域中经常看到这些内容。

让我们看看是否可以用CSS单独创建一个这样的菜单。

Avatar of Una Kravets
Una Kravets 于 2020年12月13日
文章“带有滚动和下拉菜单的优先级+导航”的直接链接
下拉菜单 导航 优先级+ 滚动

带有滚动和下拉菜单的优先级+导航

以下内容是由Micah Miller-Eshleman撰写的客座文章。Micah 设计了“优先级+导航”概念的一个变体,并将其用于他工作的大学的生产环境中。我一直很喜欢这种展示和讲述背后的思考…

Avatar of Micah Miller-Eshleman
Micah Miller-Eshleman 于 2017年4月7日
文章“具有更宽容鼠标移动路径的下拉菜单”的直接链接
下拉菜单

具有更宽容鼠标移动路径的下拉菜单

这是一个相当古老的UX概念,我有一段时间没听说过了,但对于多级下拉菜单来说仍然很重要。像鼠标这样的细粒度指针有时必须穿过非常狭窄的…

Avatar of Chris Coyier
Chris Coyier 于 2021年12月9日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

订阅我们精心制作的时事通讯

DigitalOcean
  • 关于DO
  • Cloudways
  • 法律声明
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告!
  • 联系我们
社交媒体
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.