表单在进行选择后向左移动。

Question

在移动(或屏幕截图显示，具有较小窗口大小的桌面)上，我页面上的表单装载了很好的默认日期，但是当选择新的日期范围时，表单在选择后会向左移动(更确切地说，在右边插入一个空白)，但是我无法使用F12 developer工具找到造成这种情况的任何东西。向左滚动是不可能的。

在页面上加载：

​

​

在选择日期之后：

​

​

表单本身是通过在页面上嵌入第三方JavaScript链接来显示的--我能做些什么来防止这种情况发生吗？我搞不懂！

注意:该页面使用的是一个YouTube视频背景，它被防火墙阻止，而我目前正在那里工作(因此是灰色背景)，但是没有造成任何JavaScript错误。在所有手机上，以及在后台能够加载的网络上，问题都是一样的。

在#########.com的活动示例(解析后将删除地址)

谢谢

UPDATE:根据Wouter提供的答案，从<section class="gg-section hero video-home" id="dots-section1">中删除overflow: hidden解决了问题，但不幸的是，这会导致其他布局问题，因此无法应用。

Answer 1

这个问题很可能是由300%宽的视频引起的。尝试将溢出:隐藏；设置为以下元素：

<div class="video-background">

Answer 2

可能帮不上忙..。

我也有过类似的问题，页面跳转和表单之前。

这是由<input class="hiddencheckbox" type="checkbox" />引起的。

每次使用js选择/取消选中复选框时，浏览器都会尝试跳转到复选框位置，而我通过将其位置移到视口之外而隐藏了复选框位置。

.hiddencheckbox {
    position:fixed; 
    right: -1000px; 
    // BAD WITH JS
}

我移除了定位，并将其更改为：

.hiddencheckbox {
    display:none;
}