Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript-如何使滚动条仅在您将鼠标移动到相应的div中时可见_Javascript_Html_Css_Timer_Scrollbar - Fatal编程技术网

Javascript-如何使滚动条仅在您将鼠标移动到相应的div中时可见

Javascript-如何使滚动条仅在您将鼠标移动到相应的div中时可见,javascript,html,css,timer,scrollbar,Javascript,Html,Css,Timer,Scrollbar,所以我只想在鼠标指针在div内移动时显示div的滚动条。如果鼠标停在div内,滚动条应该消失。如果鼠标指针移动但在相应的div之外,则滚动条不应激活 这个网站的实际代码不是我写的。我只是在编辑它,使它美观。我尝试使滚动条只在指针位于目标div内时出现,但这还不够好,因为我希望在指针停留或静止时滚动条消失。我在网上和论坛上查了一下,但找不到合适的答案。我不太精通js,这就是我在这里寻求帮助的原因 这个答案()确实涵盖了我想要的很多内容,但我想让滚动条在指针移动时具体化,而不是在滚动页面时。非常感谢

所以我只想在鼠标指针在div内移动时显示div的滚动条。如果鼠标停在div内,滚动条应该消失。如果鼠标指针移动但在相应的div之外,则滚动条不应激活

这个网站的实际代码不是我写的。我只是在编辑它,使它美观。我尝试使滚动条只在指针位于目标div内时出现,但这还不够好,因为我希望在指针停留或静止时滚动条消失。我在网上和论坛上查了一下,但找不到合适的答案。我不太精通js,这就是我在这里寻求帮助的原因

这个答案()确实涵盖了我想要的很多内容,但我想让滚动条在指针移动时具体化,而不是在滚动页面时。非常感谢您的帮助


编辑:在@FZs的评论之后,我认为只需添加一个计时器来隐藏滚动条就可以了,但是任何更好的解决方案都是受欢迎的。此外,帮助设计定时器也很感激

下面的代码按照您的要求执行,它启用了
overflow-y:scrollmousemove
触发器上单击code>,并在3秒钟后自动禁用它。我使用了
setTimeout
开始倒计时,将每个新的倒计时添加到一个数组中,并根据需要清除它(因此只有最近的倒计时处于活动状态)

如果运行代码段,则会有一些解释

如果你还需要别的东西,请告诉我

//为设置超时创建数组
var超时=[];
$(“.hover scroll”).mousemove(函数(){
//添加启用滚动的类
$(this.addClass(“显示滚动”);
//清除所有设置超时
对于(变量i=0;i
。悬停滚动{
溢出:隐藏;
高度:50px;
边框:5px纯红;
填充:4px;
}
.显示卷轴{
溢出y:滚动;
边框颜色:绿色;
}

你怎么知道我在工作?

如果将鼠标移到下面的div上,则可以滚动。如果等待3秒钟,则滚动将不再工作。请记住,如果移动鼠标,它将重新启用。如果边框为红色,则无法滚动,当边框为绿色时,则启用滚动

Lorem ipsum dolor sit amet,是一位杰出的献身者。在rutrum的Donec scelerisque quis nunc。埃尼安·维勒·尤里塞斯·胡斯托。我是康瓦利斯,我是阿尔特里斯,我是阿尔库大矢状肌,我是贝卢斯精英。马萨州佩伦茨克森佩尔酒店 他是朗卡斯港的船主,在苏西比特·乌纳之前,他是自由人。埃吉斯塔斯湖和埃吉斯塔斯湖。这是一家公共门拍卖行,我是Pellentsque urna sodales拍卖行。Nam eleifend,人马座交通工具,justo metus laoreet diam,欧盟效率委员会。纳勒姆·努克·马蒂斯,洛博蒂斯·塞科斯蒂特,亨德雷特·普鲁斯。Maecenas sem dui,秃鹫非狮子座id,viverra Concertetur nisl。莫利斯·伊普斯·奎斯·康格·维韦拉。多内克在洛博蒂斯·莫里斯。奎斯克 马莱苏亚达·奥奇。无尾乌龟。前庭前庭、前庭前庭、前庭前庭、前庭前庭。Cras sed sem nisl。南达格尼西姆·福西布斯·米,非塞姆佩尔·努克·达皮布斯


当您在相应的div中移动鼠标时
-->这称为CSS上的
:悬停。因此,我认为
div:hover{overflow:auto}
@TemaniAfif,是的,我知道,但我也希望它在我停止移动鼠标时消失,即使它仍然在divJS
onmousemove
?@FZs中,我会尝试(我认为在计时器中扭曲它可以),但我如何设置计时器?这正是我想要的。非常感谢您抽出时间!:)