表格选择后向左移动

在移动设备上（或根据屏幕截图显示小窗口尺寸复制移动设备的桌面），我的页面上的表格可以使用默认日期加载，但是如果选择新的日期范围在做出选择之后左移（或者说，将一个间隙插入右侧），但我找不到使用F12开发人员工具的任何东西。无法滚动到左侧。表格选择后向左移动

在页面加载：

选择日期后：

本身通过嵌入第三方网页上的JavaScript链接显示的形式 - 有什么我可以做什么来防止这种情况发生？我无法弄清楚！

注意：该页面使用YouTube视频背景，此时我正在使用的防火墙阻止（因此灰色背景），但不会导致任何JavaScript错误。所有手机和后台能够加载的网络上的问题都是相同的。。

在#########活生生的例子COM

感谢

（地址解析会被删除时）

UPDATE：按照从沃特答案，除去overflow: hidden从<section class="gg-section hero video-home" id="dots-section1">解决了这个问题，但不幸的是，这导致其他布局问题，因此无法应用。

2017-08-11 Lyall

你能给一个链接至少吗？所以有人可以找出什么是错的。 – ihpar

@ihpar问题中有一个链接:) – Lyall

对不起我的坏...现在检查 – ihpar

的问题是很可能由视频为300％的宽度所引起的。尝试设置溢出：隐藏;到以下元素：

<div class="video-background">

2017-08-11 08:49:27 Wouter

谢谢，这确实解决这个问题，但不幸的是造成移动等布局问题（如预加载屏幕显示不正确和部分重叠） – Lyall

https://s27.postimg.org/tfklra7pv/Screenshot_2017-08- 11-12-25-56.jpg https://s27.postimg.org/bqsuznvyr/Screenshot_2017-08-11-12-31-22.jpg – Lyall

我相信问题正由视频为300％的宽度引起的。在我的桌面浏览器已经有重叠的问题之前，我改变任何CSS所以这是我很难调试。如果添加额外的溢出，会发生什么情况：hidden;到视频背景课程？ – Wouter

可能忍不住..

我曾与页跳转和形式之前类似的问题。

这是由<input class="hiddencheckbox" type="checkbox" />造成的。

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

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

我除去定位和将其改为：

.hiddencheckbox { 
    display:none; 
}

2017-08-11 08:43:26 denski

回答