Вопрос по css, html – Переполнение: скрыто

10

У меня есть родительский контейнер с большим количеством дочерних элементов. По причинам анимации (дочерние элементы перемещаются внутрь и наружу родительского элемента), я установил егоoverflow собственность наhidden.

Это прекрасно работает, но есть пара детей, которых я хочу видеть за пределами родительских границ.

Как сделать так, чтобы только определенные дети были видны за пределами родительских границ?

На stackoverflow есть замечательная нить, которая вам понравится:stackoverflow.com/questions/6196725/… YMMD
К вашему сведению, я добавил пример скрипки. Christoph

Ваш Ответ

3   ответа
0

спрятал больше и затем дал минус поля для окружающих элементов.

Можете ли вы предоставить демо, спасибо заранее.
8

overflow:hidden тогда все дочерние элементы будут обрезаны, или у вас естьoverflow:(visible|auto|scroll|...) тогда все дети рассматриваются в соответствии с этим правилом. Вы не можете смешивать состояния - ко всем детям относятся одинаково.

Тем не менее, вы можете ввести дополнительные элементы контейнера внутри родительского элемента (который больше не имеет переполнения: скрытый), как в этом псевдокоде:

<parent>    
   <container1 style="overflow:hidden">
      <!-- these will be clipped -->
      <element>
      <element>
   </container>

   <container2 style="overflow:visible">
      <!-- these will be shown -->
      <element>
      <element> 
   </container>
</parent>

редактировать:пример

1

In the light of more discussion with OP, this answer doesn't help. Instead see comments for clarification with OP.

Во-первых, это помогает, если вы включаете какой-то конкретный код.

Вообще говоря, обеспечитьCSS селектор, который более специфичен для ребенка, чем тот, который устанавливаетoverflow: hidden;

Например,

Style:

.hide-children div {overflow: hidden;}
.hide-children div.show-me {overflow: none;}

HTML:

<div class="hide-children">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child show-me"></div>
</div>

But like I said, only after some sample code can a more meaningful answer be provided.

подожди, я сделал правку, прежде чем увидел твой комментарий, так что это может быть неактуально.
Правильно, как сказал @christoph, это невозможно. Но вот некоторая пища для размышлений: представьте, что у вашего кода есть внешнийdiv u который содержит родительскийdiv p который содержит 5 детей. Сейчас вu, иметь копию 3 детей, которые выйдут за пределыp расположено соответственно с ихvisibility: hidden, Теперь определите, когда каждый из 3 детей выходит за пределыp и сделать их клон видимым вu.
Итак, если я правильно вас понял, если в родительском элементе есть 5 дочерних элементов, у которых переполнение скрыто, то вы хотите, чтобы, скажем, 3 были скрыты за пределами границ, а 2 - видимыми ?. Если это правильно, есть ли возможность добавить сценарии, чтобы справиться с этим?
это действительно то, что я хотел бы, javascript / jQuery тоже хорошо. George Reith
Это установило бы переполнение дочернего элемента, а не изменило бы переполнение родительского элемента по отношению к нему. Конкретный код будет усложнять вопрос, мне просто нужно знать теорию. George Reith

Похожие вопросы