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容易;
过渡:一切都很轻松;
}
我不明白这个问题……您是否希望脚注在用户悬停光标时显示,并在光标移开后保持显示,仅在用户开始滚动时隐藏?是的,正是您所描述的。