4

Я считаю, что я столкнулся с ошибкой в ​​IE, связанной с переполнением и границей. Я надеюсь найти способ решить его, не снимая радиус границы.Исходное положение бутстрапа, фиксированное с границей границы контейнера, исчезающим за пределами границы в IE

Это jsfiddle показывает проблему, у меня в IE9 & 10 (сокращенный как можно больше):

http://jsfiddle.net/b3XA2/7/

, если нажать на одну из коробок меню будет отображаться где вы щелкнул. Разница - это первый ящик, меню не будет выходить за рамки поля.

Это вызвано:

.one { 
    overflow-y:auto; 
} 

Что мне нужно, как содержание в первом DIV может превысить это ограничение по высоте, и я хочу, чтобы прокрутить, если он делает.

Устранение переполнения или радиуса границы устраняет эту проблему.

+0

Включен ли JavaScript на вашей фактической странице? – thirtydot

+0

Да тоже очень похоже, кроме контекстного меню, а не щелчка событий. – Dave

+0

Единственное, что я могу предложить, это использовать JavaScript для перемещения элемента 'ul' в качестве дочернего элемента' body', когда вы нажимаете (и переместите его назад, если необходимо, когда скрывается 'ul'). Поскольку вы устанавливаете его в положение: fixed; top: Xpx; left: Xpx', это не должно меняться визуально. Быстрая демонстрация: http://jsfiddle.net/thirtydot/b3XA2/9/. Я понимаю, что это плохое решение, но я не могу придумать ничего лучшего. – thirtydot

ответ

0

Вместо того, чтобы устанавливать переполнение контейнера, я установил его в ul и сделал, чтобы заполнить его родительский. См. Скрипку http://jsfiddle.net/b3XA2/11/

.one > ul{ 
    overflow-y:scroll; 
    margin:0; 
    height: 100%; 
} 
+0

Удивительно, я сделал почти это, вместо этого я завернул содержимое .one в div и положил overflow-y: auto; на этом div, и переверните-y: visible; на .one Спасибо! – Dave

+0

да, это тоже работает, рад слышать, что вы его исправили – Valentin

Смежные вопросы