如何在Opera Mini上下拉菜单或任何内容而不重新加载页面

How can i dropdown a Menu or anything on Opera Mini without reloading page?

本文关键字：新加载 加载 Opera Mini 任何内 下拉菜单      更新时间：2023-09-26

我们是否可以在Opera Mini上下拉菜单或任何东西而无需重新加载页面？我知道如何通过用：targetCSS重新加载页面来下拉菜单，但我正在寻找一个不重新加载页面的解决方案。我见过某些网站这样做。

有时，我觉得Opera Mini就是新的IE8。我希望不使用任何像jquery这样的库，并且没有任何依赖关系。

我很确定你不能用JavaScript来做这件事，因为JavaScript不是在设备上运行的，而是在Opera Mini服务器上运行的。

不过，还有旧的CSS复选框技巧；这是相对基本的，但这并不意味着Opera Mini无论如何都不会把它搞砸。它的工作方式是将一个标签连接到一个隐藏的复选框。单击标签可切换复选框。只有在选中复选框时，才使用相邻的同级组合子和:checked伪类来显示另一个元素：

label {
  cursor: pointer;
}
/* hide the checkbox */
.hidden-cb {
  display: none;
}
/* By default, this is not shown */
.show-on-checkbox {
  display: none;
}
/* But if it's immediately after a checked checkbox, we show it */
input:checked + .show-on-checkbox {
  display: block;
}
<label for="hidden-cb">Click me</label>
<input type="checkbox" id="hidden-cb" class="hidden-cb">
<div class="show-on-checkbox" id="target">Hey, here I am!</div>

它不一定只是一个简单的出现/消失的事情，你可以做任何CSS允许Opera Mini支持的事情。

我本来打算建议使用:hover技巧作为替代方案，但在Opera Mini上，99%的用户都会用手指。。。

相关文章：