Можно ли создать сайт, на котором в Wordpress Elementor исправлена ​​только прокрутка среднего столбца содержимого, а остальные все вокруг?

ВИД СТРАНИЦЫ

В идеале должны быть верхний и нижний колонтитулы вверху и внизу соответственно и две боковые панели, одна слева, а другая справа, а между всем этим находится столбец содержимого, который может быть или не быть длиннее одной высоты экрана, поэтому я хочу чтобы сделать прокручиваемым только этот столбец, а остальные элементы, такие как верхний и нижний колонтитулы и две боковые панели, оставались фиксированными. Пожалуйста, предложите способы достижения этого. Спасибо.


person 7--    schedule 14.09.2020    source источник
comment
Добро пожаловать в Stackoverflow. Пожалуйста, добавьте изображение ожидаемого результата. Можете ли вы создать минимальный воспроизводимый пример. а также прочитать как задать хороший вопрос?   -  person Rayees AC    schedule 14.09.2020
comment
Я понимаю из отрицательного голоса, что это довольно очевидная вещь для других пользователей. Я не пытаюсь стать профессионалом. Я только пытаюсь построить основы этого, чтобы профессионал мог понять, чего я хочу, и построить это, используя профессиональные инструменты. Пожалуйста, проигнорируйте сообщение, если это слишком просто, но, пожалуйста, укажите условия поиска, которые я могу использовать, чтобы найти решение. Каждая попытка с моими ограниченными знаниями приводит только к урокам, которые я уже смотрел   -  person 7--    schedule 15.09.2020
comment
На этот вопрос уже дан ответ stackoverflow.com/questions/10056583/   -  person Rayees AC    schedule 15.09.2020
comment
используйте position: fixed;top:0, чтобы сделать фиксированный заголовок.   -  person Rayees AC    schedule 15.09.2020


Ответы (1)


Это очень похоже на мой вопрос. Однако я нашел крошечный код, который я могу поместить в центральную колонку прокрутки, чтобы выполнить именно то, что я хотел. Я нашел эти строки кодов на этом очень ценном сайте. Код выглядит следующим образом:

.scrollcol {
  max-height: calc(85vh  - 20px);
  overflow-y: auto;
}
 .scrollcol::-webkit-scrollbar {width: 0 

}


 

В примере кода вместо 20px было 9rem. я понятия не имею, что это такое.. Но 20px работает для меня на данный момент. Несмотря на то, что этот фрагмент кода делает все, что я хочу ... однако есть полоса прокрутки по осям x и y ... поэтому второй фрагмент кода удаляет это в браузере Edge. Я благодарна этому сайту за огромную помощь. @ Mr. Rayees AC большое спасибо за ваш быстрый ответ. Я просматриваю ту страницу, которую вы предоставили для получения дополнительной помощи.

person 7--    schedule 15.09.2020