Chrome和＆amp ;;中的复选框非常奇怪。使用jQuery Waypoints的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补丁没有效果。