gpt4 book ai didi

css - 更改 CSS :onhover distance

转载 作者:行者123 更新时间:2023-12-04 10:01:27 26 4
gpt4 key购买 nike

我想知道是否有办法让 css :onhover 发生得更快(即我距离链接 10px,并且 :onhover 调用,同时仍然10 像素远)。

编辑:我正在尝试找出一种方法来更改滚动条的 :onhover 距离。

编辑 2:这是代码:

html {
overflow: auto;
}
body {
position: absolute;
top: 20px;
left: 20px;
bottom: 20px;
right: 20px;
padding: 30px;
overflow-y: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
-webkit-border-radius: 10px;
border-radius: 10px;
border: none;
}

/* Handle */
::-webkit-scrollbar-thumb{
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(200,200,200,0.1);
}
::-webkit-scrollbar-thumb:hover {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(200,200,200,0.8);
}

最佳答案

CSS border 属性 添加到元素,然后将接收悬停事件。

引用文献1: jsFiddle Proximity Detector

编辑:我现在看到您对您的问题重写了一个主要编辑

我查看了您的代码并提出了一种您可能会喜欢的 Chrome 滚动条方法!

引用文献 2: jsFiddle Scrollbar Proximity Detector

关于css - 更改 CSS :onhover distance,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11496170/

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