带有jQuery Waypoints的Chrome和Opera中复选框的非常奇怪的行为

Question

总结：我使用 jQuery Waypoints 给元素固定位置。 我的 HTML 标记与 Waypoints 开发人员使用的相匹配，CSS 也是如此。所以代码完美运行。它完全符合我的需要（在达到特定点后给出一个元素 position: fixed）。

重点是，当您尝试在具有固定位置的元素中选中一个框时，它不会在单击后立即标记为已选中，而是仅在您滚动页面后才标记为选中。 同样的行为不仅会影响复选框，还会影响文本字段。

这是一个测试网站http://dstest.atservers.net/katalog

重现问题的步骤：

1. 将页面滚动到中间
2. 选中左侧模块中的任何框或文本字段。
3. 仅当您再次滚动页面时才会将其标记为已激活。

在 Firefox（稳定版、夜间版本）中，元素会在您单击时立即激活。 在 Opera、Chrome 中（在我检查过的 1 台 PC 和 3 台笔记本电脑上）它们不是。

所有浏览器都是最新版本。

非常感谢任何帮助。

更新：

在 IE9+ 中也可以正常工作

修复了控制台中的错误，仍然是同样的错误。

现已修复：

渲染有问题。 这就是解决问题的方法，以防有人进一步遇到它。

-webkit-transform: translateZ(0);

Answer 1

我遇到了一个非常相似的问题，但没有使用 Waypoints。

我有一个使用 jQuery 和 postMessage 的跨域 iframe。一切都在 Firefox 中完美运行。在 Chrome 中，如果您完全滚动页面，任何复选框上的第一次 mousedown 都会导致页面向上滚动到 iframe 的顶部。如果您再次向下滚动并单击相同的复选框，它将按预期工作。

上面的 CSS 补丁没有效果。