表格選擇後向左移動

在移動設備上（或根據屏幕截圖顯示小窗口尺寸複製移動設備的桌面），我的頁面上的表格可以使用默認日期加載，但是如果選擇新的日期範圍在做出選擇之後左移（或者說，將一個間隙插入右側），但我找不到使用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

回答