jquery - 滚动页面时颜色选择器不工作

标签 jquery css

我在这里完全不知所措。我正在使用 Farbastic 颜色选择器,它在除一个元素之外的所有元素上都能正常工作。我已将页面精简到只有不起作用的那一页。 它在除 firefox 之外的所有浏览器中都可以正常工作! 当您单击该页面时,会出现一个对话框,您可以选择“更改背景颜色”。然后颜色选择器打开。如果您一直滚动到页面顶部,则效果很好。如果向下滚动几英寸(颜色选择器仍然打开),颜色选择器将停止工作。 您可以在其中输入值的 slider 和输入将始终有效,但由于某种原因色轮不起作用。

我检查了每个元素,认为这是一个 z-index 问题,但一无所获。

测试页面的 url 是 https://www.annearundelproperties.net/listing_flyers/create_flyer_test.php .我会发布代码,但您可以只查看链接上的源代码以获得更好的主意。

如有任何帮助或想法,我们将不胜感激!

最佳答案

问题是 firefox 中的文档位置和视口(viewport)位置之间存在歧义 - 它在应该使用视口(viewport)时使用了文档位置,因此当您滚动时点击区域会移动。如果您只滚动 50 像素,您仍然可以将其打偏。

快速谷歌 turned up a fix - 让我知道它是否适合您。

关于jquery - 滚动页面时颜色选择器不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15255861/

相关文章:

javascript - 如何使用 JavaScript 和 jQuery 找出用户的互联网连接速度?

jquery选择器: reference class inside of where i clicked:

php - 使用 tr :nth-child(odd) and tr:nth-child(even) selectors only on nested top tables

html - 调整大小时如何使文本相对于图像保持在相同位置?

javascript - jquery 元素未定义,但它曾经跳过它

javascript - 如何从 CFC 结果填充 Jquery 数组和 DOM 对象

html - 如何删除正文和页面顶部之间的空格

css - Primefaces:具有不同颜色的 CheckBoxMenu

jquery - 在某些 .cs 文件中调用 Dropdownlistfor onchange 事件的方法

php - 为置顶帖子分配 .sticky 以外的类别