У меня очень длинная строка вверху:

#top-line {
  background: #00A1E0;
  border-bottom: 1px solid #FFF;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10000px;
}

Так что я используюoverflow-x: hidden для предотвращения горизонтальной прокрутки:

html {
  overflow-x: hidden;
  height: 100%;
}
body {
  background: #EDEDED;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #666;
  height: 100%;
  overflow-x: hidden;
}

Это работает хорошо, но в мобильных телефонах я все еще могу прокручивать до бесконечности вправо.

Есть ли обходной путь для этого?