Как отобразить кросс-панель мультимедиа (PS3 UI) в html / css / js - PullRequest
Новая
       9

Как отобразить кросс-панель мультимедиа (PS3 UI) в html / css / js

0 голосов
/ 03 января 2019

Я пытаюсь создать перекрестную панель мультимедиа в html / css / js, но не знаю, с чего начать. Я считаю себя способным, но в этом случае я вне долга.

Я пытаюсь сделать следующее: image

Как мне выложить свои элементы в html, чтобы их было легко рендерить в javascript.

Параметры:

  • Таблицы: не кажется очень динамичным при добавлении строк или столбцов
  • Div: трудно динамически отображать строки и столбцы без фиксированного числа

1 Ответ

0 голосов
/ 03 января 2019

Этот вид интерфейса не очень удобен для пользователей, использующих настольные компьютеры / ноутбуки. Если вы все еще хотите идти вперед:

Используйте div с display: flex.

Разбейте сечение на две плоскости: горизонтальную и вертикальную. Элементы вашего вертикального бара будут расположены с position:absolute, и javascript гарантирует, что он не пересекается с горизонтальным баром.

Вы можете попробовать с библиотеками, такими как swiper .

Лучше всего задать конкретную проблему, с которой вы столкнулись, или пойти в чат

...