Ошибка IE10 с помощью прокрутки на Div

Я использую полосу прокрутки на div и, похоже, имеет проблему рендеринга в IE10.

Когда вы прокручиваете div до конца, затем вверх, верхнее содержимое отсутствует.

Знаете ли вы, есть ли решение для IE10?

Ссылка: http://landpros.com/propsearch.php

Вот CSS на div:

.prop-search-content-wrapper{
    margin: 0 0 30px 0;
    padding: 0;
    height: 980px;
    overflow-x:hidden;
    overflow:scroll;
}

Спасибо!

enter image description here

ОТВЕТЫ

Ответ 1

Мне удалось воспроизвести это - чтобы увидеть причину проблемы (я думаю) отключить директиву overflow-x: hidden. Если содержимое отсутствует, оно вернется, и вы получите вертикальную полосу прокрутки. Что-то происходит, что заставляет IE10 думать, что ему нужно скрыть всю верхнюю строку (строки).

Исправление должно состоять в том, чтобы скорректировать ширину любого содержимого содержащего div с классом content-wrapper в соответствии с родительским и никогда не нуждаться в overflow-x: hidden; в первую очередь.

* Примечание: я изо всех сил пытался воспроизвести.

Ответ 2

Я не смог воспроизвести проблему с моим IE 11, эмулирующим IE 10 с помощью инструментов разработчика. Но я согласен с Мэтью, что скорее всего это вызвано установкой overflow-x: hidden.

Вы можете легко избежать этого!

Посмотрите на файл foundation.css(по строкам 233 и 235):

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }

Помимо того, что правило существует дважды, ваша "проблема" возникает из отрицательного левого и правого полей. Они вам не нужны, поэтому просто удалите их!

Таким образом, больше нет необходимости в настройке overflow-x: hidden.
BTW: Почему вы устанавливаете max-width в none вместо 100%, если вы не хотите, чтобы элемент горизонтально переполнял родительский элемент?

Итак, попробуйте и сообщите нам, если это исправляет (избегает) вашу проблему - спасибо!