这是复选框hack:https: //css-tricks.com/the-checkbox-hack/
我的问题是为什么通过将复选框放在页面上来"隐藏"复选框,如CSS Tricks中的示例所示:
position: absolute;
top: -9999px;
left: -9999px;
为什么不这样做:
display: none;
答案如何css复选框黑客工作？说:
"隐藏复选框
display:none可能会导致某些浏览器出现错误行为.只需将其隐藏起来position: absolute就更安全了."
哪些浏览器？使用绝对位置将元素放置在页面之外是否有任何缺点？更具体地说,使用绝对位置将输入放在页面上是否有任何缺点？
我有一些简单的 JavaScript。向下滚动时，标题消失。向上滚动时会出现标题。这一切都很好：
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrollPos) {
document.querySelector("header").style.top = "0";
} else {
document.querySelector("header").style.top = "-7.2rem";
}
prevScrollpos = currentScrollPos;
}
header {
background-color: rgb(255, 255, 255);
height: 7.2rem;
position: fixed;
top: 0;
left: 0;
right: 0;
transition: top 0.2s ease-in-out;
z-index: 100;
}
然而，当页面位于窗口顶部并且用户向下滚动时，即使滚动 1 像素，标题也会消失，在标题原来所在的位置留下很大的空白区域。是否有可能此显示/隐藏滚动脚本仅在标题从浏览器窗口顶部消失后才启动？即效果仅在标题高度滚动后才会生效（以便用户看不到空白区域）即标题不是固定的，而是相对的。它向上滚动并移出窗口。然后效果开始：向下滚动=无标题/向上滚动=标题固定在窗口顶部。
我花了几个小时在这上面，作为 JavaScript / JQuery 的新手，我仍然不知道如何执行以下操作：
我的页面页脚中有一个“返回顶部”锚链接，它链接到页眉。我知道有 CSS 代码可以使其平滑滚动（缓慢）移动：
html {
scroll-behavior: smooth;
}
但这在 Safari 中不起作用。
在 CSS Tricks 网站（https://css-tricks.com/snippets/jquery/smooth-scrolling/）上，它说有一个 JavaScript 可以替代上述 CSS：
window.scroll({
top: 2500,
left: 0,
behavior: 'smooth'
});
但是如何或在哪里将其添加到我的链接/页面？我想我会想要top: 0,
我的 HTML 是这样的：
<header id="top">.... </header>
<footer>
<a href="#top"><img class="to-top" src="resources/arrow.svg"></a>
</footer>
更新我已经尝试过以下方法，但它不起作用。有什么想法吗？
<footer>
<a href="#top" onclick="window.scroll({ top: 0, behavior: 'smooth' })"><img class="to-top" src="resources/arrow.svg"></a>
</footer>
尽管我不知道它是什么，但我已经安装了node.js
我现在想从我的 Mac（Monterey OS 和 M1）上卸载它。但我在应用程序文件夹中找不到 Node.js，我在网上能找到的唯一信息是非常复杂的终端指令。再说一次，我不知道终端是什么，也不想使用它。
有卸载程序吗？或者简单的卸载方法？