Код: https://jsfiddle.net/gsnfzn35/3/Set ширина: 100% по отношению к другому объекту для объекта, который должен быть закреплен
Это немного напуганный, чтобы описать, нажмите на кнопку переключения ящика. Появляется выдвижной ящик справа. Этот выдвижной ящик является одним контейнером, но имеет 2 ключевых компонента. Первым компонентом является весь контент вверху. Последний компонент является «фиксированной строки» на дне:
<div class="scroll-fixed-row" style="width:100%;text-align: right">
<p>
FIXED FINAL ROW
</p>
</div>
Эта строка должна быть ширина вытащить выдвижной ящик, независимо, что ширина; НЕ ширина экрана. В настоящее время, хотя, если вы проверяете элемент с помощью width:100%
, вы видите, что ширина - это ширина экрана, а не выдвижной ящик. Другой способ увидеть это в том, что когда есть width:100%;text-align:right
, текст отключен от экрана, вытянутый справа от слишком широкой строки. Удалите width:100%
, и вы снова увидите текст.
Я предполагаю, что это связано с тем, что scroll-fixed-row
зафиксирован, и поэтому его ширина занимает от экрана, а не сам выдвижной ящик. Но это исправление необходимо, потому что scroll-fixed-row
должен оставаться внизу, хотя остальные вытаскивающие ящики прокручиваются. Учитывая это ограничение, как установить ширину окна scroll-fixed-row
в качестве ширины выдвижного ящика для любого экрана (полная реакция) БЕЗ предоставления определенной ширины в пикселях на основе медиа-запросов?
Причина Я спрашиваю это потому, что я хотел бы разделить на 2 scroll-fixed-row
«секции» используя либо таблицу и 2 <td width="50%">
или с использованием Bootstrap сетки и 2 <div class="col-xs-6">
подряд. В текущей реализации (НЕ в скрипте) содержимое во второй сетке просто отбрасывается с страницы (эта же проблема сейчас), потому что ширина таблицы наследуется от экрана. Я думаю, что смогу понять эту часть, если кто-то может помочь мне ответить на этот вопрос.
вы можете использовать jQuery для получения ширины вытягиваемого контейнера каждый раз, когда он вытягивается. Затем вы можете установить ширину фиксированной строки, равную этому. –