2013-09-07 4 views
1

У меня проблема с фиксированным элементом и его дочерним элементом, который не хочет иметь полосу прокрутки и пытается выйти из родительского элемента. Вы можете увидеть это на http://jsfiddle.net/NFV36/.Переполнение внутри фиксированного элемента

<div id="documents-popup"> 
    <div id="documents-popup-inner"> 
    <div class="controls">Something here which is always visible. And no one knows what height could it be...</div> 
    <div class="list-wrap"> 
     <ul class="selector"> 
      <li>1</li> 
      <li>2</li> 
      <li>3</li> 
      <li>4</li> 
      <li>5</li> 
      <li>6</li> 
      <li>7</li> 
      <li>8</li> 
      <li>9</li> 
      <li>Why are you looking at me? I shoud not be visible until you scroll all the way down...</li> 
     </ul> 
    </div> 
    </div> 
</div> 

Я пытаюсь сделать selector список прокручивать, с высотой менее (#documents-popup-inner + .controls) высотой независимо от высоты страницы. Я знаю, как сделать это с помощью JS, но есть ли какое-нибудь решение для CSS?

+0

Я не говорю, что это лучшее/единственное решение, но просто пытаюсь проверить, является ли [** this **] (http://jsfiddle.net/NFV36/1/) то, чего вы пытаетесь достичь? – Harry

+0

@ Харри, да, я хочу, чтобы это выглядело так, но я не знаю, какая высота будет иметь зеленый div ('controls'), поэтому точное количество чисел приведет к некорректному интерфейсу, если будет больше, чем одна линия. И кстати, когда вы меняете высоту страницы - высота 'control' не меняется, поэтому'% 'тоже не является параметром. Но в качестве примера того, что я пытаюсь сделать - это хорошо. – Goover

+0

попробуйте это http://jsfiddle.net/NFV36/7/ – asharajay

ответ

0

Вы пробовали с

overflow-y:scroll; 

?

+0

Ну, я попытался использовать все комбинации «переполнения». «Прокрутка» всегда будет показывать панель, что приемлемо, но это не ответ на мой вопрос. Я хотел сделать решение JSless, которое будет отображать всплывающее окно правильно при любых разрешениях и размерах окна. – Goover

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