Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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-如果用户开始滚动,弹出的脚注将消失_Javascript_Html_Css - Fatal编程技术网

JavaScript-如果用户开始滚动,弹出的脚注将消失

JavaScript-如果用户开始滚动,弹出的脚注将消失,javascript,html,css,Javascript,Html,Css,我现在有一个功能正常的脚注弹出窗口。但我只希望只有当用户开始滚动时,它才会消失。看来,使用onscroll事件将是我的最佳选择。我只需要帮助来实现这一点,特别是当用户将鼠标悬停在脚注上并且出现跨度时才触发。我几乎没有在HTML文档上使用js的经验,如有任何帮助,将不胜感激 当前代码: a.脚注span{ z指数:-1; 不透明度:0; 位置:固定; 左:15px; 底部:20px; 左边距:0px; 右边距:18px; 填充:14px 20px; 边框半径:4px;方框阴影:5px 5px 8p

我现在有一个功能正常的脚注弹出窗口。但我只希望只有当用户开始滚动时,它才会消失。看来,使用
onscroll
事件将是我的最佳选择。我只需要帮助来实现这一点,特别是当用户将鼠标悬停在脚注上并且出现跨度时才触发。我几乎没有在HTML文档上使用js的经验,如有任何帮助,将不胜感激

当前代码:
a.脚注span{
z指数:-1;
不透明度:0;
位置:固定;
左:15px;
底部:20px;
左边距:0px;
右边距:18px;
填充:14px 20px;
边框半径:4px;方框阴影:5px 5px 8px#CCC;
边框:1px实心#DCA;
背景色:#FEF6BB;
-webkit过渡:所有2秒轻松;
-moz转换:所有2秒轻松;
-o-过渡:所有2s容易;
过渡:一切都很轻松;
}
a、 注:悬停跨度{
z指数:9;
不透明度:1;
-webkit过渡:所有2秒轻松;
-moz转换:所有2秒轻松;
-o-过渡:所有2s容易;
过渡:一切都很轻松;
}

需要javascript的代码

var footnotes=document.queryselectoral(“a.footnote”);
函数onMouseCenter(e)
{
for(设i=0;i
a.脚注span{
z指数:-1;
不透明度:0;
位置:固定;
左:15px;
底部:20px;
左边距:0px;
右边距:18px;
填充:14px 20px;
边界半径:4px;
盒影:5px 5px 8px#CCC;
边框:1px实心#DCA;
背景色:#FEF6BB;
-webkit过渡:所有2秒轻松;
-moz转换:所有2秒轻松;
-o-过渡:所有2s容易;
过渡:一切都很轻松;
}
a、 脚注.显示跨度{
z指数:9;
不透明度:1;
-webkit过渡:所有2秒轻松;
-moz转换:所有2秒轻松;
-o-过渡:所有2s容易;
过渡:一切都很轻松;
}


我不明白这个问题……您是否希望脚注在用户悬停光标时显示,并在光标移开后保持显示,仅在用户开始滚动时隐藏?是的,正是您所描述的。