Django 小部件调整弹出框不会随内容移动答案

【问题标题】：Django widget tweaks popover won't move with contentDjango 小部件调整弹出框不会随内容移动
【发布时间】：2018-01-10 20:26:42
【问题描述】：

我正在使用 django 小部件调整来呈现所需的表单字段。一切正常，如果该字段为空白，我会看到一个可爱的小弹出框，上面写着必填字段等等，但是如果我滚动页面（表单有点大），弹出框不会随表单移动场地。它会留在原地，这并不好。

这是我的代码：

{% load widget_tweaks %}

{{form.order_number.label}}
{% render_field form.order_number required="true" %}

此外，这仅在 Firefox 上发生，而不在 Chrome 上发生。我在 Firefox 57.0 上。这是一个屏幕截图，可以提供帮助。在 Pic1 中，您会看到它应该是我喜欢的地方，无需滚动。在 Pic2 中，当我向上滚动时，它已向上移动到 div 的顶部。

有人能解释一下为什么会发生这种情况以及我该如何解决吗？

【问题讨论】：

【解决方案1】：

当输入具有required 属性时，这是浏览器的行为，因此您无能为力（更改浏览器的行为本身）。

您可以做的是用一些 javascript 验证库覆盖默认浏览器，让您可以根据需要自定义消息的类型和外观。

【讨论】：