У меня есть основное содержимое и боковая панель элемент справа.
Боковая панель является фиксированной и содержит связанную информацию.Он должен прокручивать независимо от страницы.
Боковая панель также содержит триггеры всплывающей подсказки, которые открывают относительный слой всплывающей подсказки , который должен перекрывать обабоковая панель и основное содержимое.
Итак, я хочу, чтобы прокручиваемый (overflow-y: auto) и overflowing (overflow-x: visible) исправлен.layer:
aside {
position: fixed;
top: 0;
bottom: 0;
right: 0;
overflow-y: auto;
overflow-x: visible;
}
Codepen
Я знаю, что это невозможно в соответствии со спецификациями, как описано в этих двух статьях Stackoverflow:
В качестве обходного пути следует добавить заполнениеКомбинация / margin или перенос двух div (внутренних / внешних) с комбинацией x-visible и y-auto.Но в моем случае, похоже, ничего из этого не работает, так как я все еще хочу, чтобы события мыши достигли основного содержания.
Я сделал Codepen, который иллюстрирует проблемы и решения Я столкнулся, но не смог исправить третью проблему, упомянутую в этом Codepen.
Так как я могу ...
- сделать боковую панель прокруткой,
- сделать всплывающую подсказку переполнением ,
- и сохранить основное содержимое событий мыши ,
все одновременно?