我在这里完全不知所措。我正在使用 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/