javascript - 滚动后关闭按钮不起作用

标签 javascript jquery html css button

好的,我得到了 JQuery,单击过滤器图标后,整个 移动到右侧,过滤器图标消失,过滤器列表出现,并显示关闭按钮。关闭按钮的位置:已修复,但问题是向下滚动后按钮不再起作用,而当我滚动到页面顶部时它起作用。这是该按钮的 CSS。

#close{ 显示:无; position:absolute; 位置:固定; 白颜色; 光标:指针; 左边距:210px; }

https://plnkr.co/edit/TbOf9hkPILJn2snW8D7A 在这里查看。谢谢。

最佳答案

您可以将 z-index 属性添加到您的 CSS 中。关闭按钮不再起作用,因为它位于其他元素的后面。

尝试更改 style.css 以使 #close 样式为:

#close{
   display:none;
   position:absolute;
   position:fixed;
   color:black;
   cursor:pointer;
   margin-left:160px;

   z-index: 100; 

}

关于javascript - 滚动后关闭按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37363131/

相关文章:

javascript - 在页面加载时显示 div(所有 JS 和 HTML/CSS)

jquery - Ruby on Rails/AJAX : How can I refresh page on successful submit or display error?

html - 内网网站显示 "MainMenu.css 404 (Object Not Found)"

JavaScript 拖放 <p> 元素?

javascript - 对数组对象进行分组和计数并创建新数组

javascript - 在完成按钮处理程序之前更改 javascript 元素

javascript - 如何在javascript中执行系统命令?

javascript - Jquery 函数 - 元素上

javascript - 如何使用 TypeScript 更改 CSS 中的值?

html - 如果 HTTP 请求是从 iframe 发送的,那么 iframed 站点从哪里看到请求?