gpt4 book ai didi

javascript - 如何重写 jQuery hide() 函数?

转载 作者:行者123 更新时间:2023-11-28 18:21:17 26 4
gpt4 key购买 nike

我有一个回到顶部的 anchor 图像,当用户点击它时,它会通过 js 动画将他带回顶部。我先用js把图标隐藏起来,隐藏到一定程度就会显示出来。这工作正常。

这是我的问题。在我的@media 查询中,我不希望返回顶部图标从 0px 显示到 480px 视口(viewport)。所以在0px到480px的@media查询中,我将图标设置为display:none。但它仍在显示。我知道它是强制它显示的 js。

如何仅针对 0 到 480 像素重写 js hide() 函数?

最佳答案

您可以在 CSS 中(以及在 480px 媒体查询中)简单地使用 !important - 这将覆盖 jQuery 应用的内联样式:

@media (max-width: 480px) {
.logo{
display: none !important;
}
}

更好的解决方案是修改您的 JavaScript,使其不会以该宽度显示!

关于javascript - 如何重写 jQuery hide() 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16736797/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com