Прокрутка сайдбара

Автор muster, 14-07-2020, 11:57:16

« назад - далее »

musterTopic starter

Добрый день!
Прошу подсказки. Нужна полоса прокрутки меню на сайдбаре. Пишут, что надо ограничить высоту сайдбара. Но у сайдбара нет такой настройки. Не могу понять в каком направлении копать. В сайдбар или меню навигации. Или кодом где-то написать. Прошу проконсультировать. Заранее благодарен.
  •  


Fullf

Так может хоть ссылку на сайт дадите.
WordPress статьи - http://wordsmall.ru/
  •  


musterTopic starter

Тема вордпресс Agency Ecommerce (прикрепил GIF)
  •  

alexakap

Цитата: muster от 14-07-2020, 15:18:36
Тема вордпресс Agency Ecommerce (прикрепил GIF)
Вам на гифе надо код запилить? Или скачать шаблон поставить к себе и сделать не понятную шляпу типа "полоса прокрутки меню на сайдбаре"... Ну или хрустальный шар  ;D
  •  

musterTopic starter

Смешно невероятно. Спасибо за хотя бы такой ответ. Я так понял, что полосу прокрутки можно только через код. И на том спасибо.
  •  


Plan

Для блока в котором не влазит контент нужно добавить стиль
overflow-y: scroll;

Но по гифке больше не скажешь)))
Бетон https://beton007.by, bel-arenda.by - аренда техники, оборудования и инструмента
  •  

musterTopic starter

Спасибо за ответ. Он мне пока ни о чем (к сожалению).
Давайте разберемся по крупному. Есть header и footer. Между ними поле (не знаю название). В этом поле слева сайдбар и страница с блоком, в котором картинка (см. выше GIF). В сайд баре виджет Меню навигации. В меню навигации пунктов штук 30-40, т.е. всегда больше чем высота страницы с картинкой. У каждого пункта своя страница. Высота всегда одинаковая. Нужно, чтобы сайдбар был по высоте тоже размером со страницу и соответственно (пунктов много) имел скроллинг. Т.е. сначала нужно видимо найти высоту страницы и задать ее точно, потом приравнять высоту сайдбара к высоте страницы. А скроллинг сам появится или нет? Правильно я понимаю? Или как-то это иначе делается? Если с этой логикой разобраться, потом попробую в коды вникнуть.
  •  

svetlana202020

Здравствуйте. Подскажите пожалуйста оптимальный формат картинок для сайдбара? Чтобы они быстрее загружались.
  •  


Fullf

Цитата: svetlana202020 от 16-07-2020, 20:39:55
Здравствуйте. Подскажите пожалуйста оптимальный формат картинок для сайдбара? Чтобы они быстрее загружались.

Оптимизированные
WordPress статьи - http://wordsmall.ru/
  •  


Val_Ery

#9
muster,
Такой вариант - тык

Что там...
1. Высота всего body документа - 100vh. Шапка и Подвал прижаты к верхней и нижней части экрана (это, чтобы при малом количестве контента футер не "болтался" в середине экрана)
2. Основное содержимое - блок, содержащий боковую панель и собственно контент - установлена высота height: calc(100vh - 102px);
Здесь 102 пикселя - суммарная высота шапки и подвала (посмотреть можно через инспектор элементов). Если высота шапки или подвала разная для разных страниц сайта (выводится разная информация и т.п.), самый простой вариант - использовать классы, которые ВП добавляет к тегу body. Типа, для архивных страниц это будет .archive aside {...}, для главной страницы - .main-page aside {...} и т.п.
3. Для сайдбара установлено overflow-y: scroll;

P.S. Рисовал на коленке... Поэтому никакой адаптивности...
Просмотр с кодом  тута
  •