У меня проблема с фиксированным элементом и его дочерним элементом, который не хочет иметь полосу прокрутки и пытается выйти из родительского элемента. Вы можете увидеть это на 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?
Я не говорю, что это лучшее/единственное решение, но просто пытаюсь проверить, является ли [** this **] (http://jsfiddle.net/NFV36/1/) то, чего вы пытаетесь достичь? – Harry
@ Харри, да, я хочу, чтобы это выглядело так, но я не знаю, какая высота будет иметь зеленый div ('controls'), поэтому точное количество чисел приведет к некорректному интерфейсу, если будет больше, чем одна линия. И кстати, когда вы меняете высоту страницы - высота 'control' не меняется, поэтому'% 'тоже не является параметром. Но в качестве примера того, что я пытаюсь сделать - это хорошо. – Goover
попробуйте это http://jsfiddle.net/NFV36/7/ – asharajay