下拉菜单 - Javascript 与仅 CSS - 选择哪个桌面 - 移动兼容性

Dropdown menus- Javascript vs CSS only-which to choose for desktop-mobile compatibility

本文关键字：桌面兼容性移动选择 Javascript 与仅 CSS 下拉菜单更新时间：2023-09-26

我已经阅读了这个线程，CSS或JavaScript的下拉菜单

但看到关于仅使用 CSS 与 JavaScript 用于下拉列表存在相互矛盾的意见。

支持使用CSS的唯一论点是否仅用于适应关闭JavaScript的人？还有其他考虑因素吗？

在必须在桌面和大多数移动浏览器（iOS，Android）上运行的站点中，哪种方法更宽容？

下拉菜单往往是为指针设备设计的。很少能找到一个可以处理线性（例如，键盘按 Tab 键浏览项目）或触摸交互（尽管如果顶级项目链接到提供向前导航的页面，您可以优雅地降级）。

我怀疑是否有可能获得一个在没有JavaScript的情况下适用于线性或触摸的。

理想的解决方案是同时使用两者。所以它适用于没有java脚本的人，它对有javascript的人进行了改进（动画......

就像你说的，这取决于要求，老实说，如果目标设备支持 CSS3，你可能只能在 CSS 中做一个很酷的动画。