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

Автор Тема: Прокрутка сайдбара  (Прочитано 1314 раз)

Оффлайн musterАвтор темы

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 9
  • Карма: 0

Оффлайн musterАвтор темы

  • Дебютант
  • *
Прокрутка сайдбара
« : 14-07-2020, 11:57:16 »
Добрый день!
Прошу подсказки. Нужна полоса прокрутки меню на сайдбаре. Пишут, что надо ограничить высоту сайдбара. Но у сайдбара нет такой настройки. Не могу понять в каком направлении копать. В сайдбар или меню навигации. Или кодом где-то написать. Прошу проконсультировать. Заранее благодарен.


Оффлайн Fullf

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 60
  • Сообщений: 138
  • Карма: 4
  • Пол: Мужской

Оффлайн Fullf

  • Постоялец
  • ***
Re: Прокрутка сайдбара
« Ответ #1 : 14-07-2020, 14:47:41 »
Так может хоть ссылку на сайт дадите.
WordPress статьи - http://wordsmall.ru/

Оффлайн musterАвтор темы

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 9
  • Карма: 0

Оффлайн musterАвтор темы

  • Дебютант
  • *
Re: Прокрутка сайдбара
« Ответ #2 : 14-07-2020, 15:18:36 »
Тема вордпресс Agency Ecommerce (прикрепил GIF)

Онлайн alexakap

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 195
  • Сообщений: 520
  • Карма: 20
  • Пол: Мужской

Онлайн alexakap

  • Ветеран
  • *****
Re: Прокрутка сайдбара
« Ответ #3 : 15-07-2020, 00:07:52 »
Тема вордпресс Agency Ecommerce (прикрепил GIF)
Вам на гифе надо код запилить? Или скачать шаблон поставить к себе и сделать не понятную шляпу типа "полоса прокрутки меню на сайдбаре"... Ну или хрустальный шар  ;D

Оффлайн musterАвтор темы

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 9
  • Карма: 0

Оффлайн musterАвтор темы

  • Дебютант
  • *
Re: Прокрутка сайдбара
« Ответ #4 : 15-07-2020, 08:07:37 »
Смешно невероятно. Спасибо за хотя бы такой ответ. Я так понял, что полосу прокрутки можно только через код. И на том спасибо.


Оффлайн Plan

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 107
  • Сообщений: 376
  • Карма: 14
  • Бетон http://beton007.by
  • Награды SEO-специалист
    • Купить бетон с услугой бетононасоса

Оффлайн Plan

  • Старожил
  • ****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 107
    • Сообщений: 376
    • Карма: 14
    • Бетон http://beton007.by
    • Награды SEO-специалист
      • Купить бетон с услугой бетононасоса
Re: Прокрутка сайдбара
« Ответ #5 : 15-07-2020, 22:23:48 »
Для блока в котором не влазит контент нужно добавить стиль
overflow-y: scroll;

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

Оффлайн musterАвтор темы

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 9
  • Карма: 0

Оффлайн musterАвтор темы

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

Оффлайн svetlana202020

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 5
  • Сообщений: 13
  • Карма: 2

Оффлайн svetlana202020

  • Рекрут
  • *
Re: Прокрутка сайдбара
« Ответ #7 : 16-07-2020, 20:39:55 »
Здравствуйте. Подскажите пожалуйста оптимальный формат картинок для сайдбара? Чтобы они быстрее загружались.

Оффлайн Fullf

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 60
  • Сообщений: 138
  • Карма: 4
  • Пол: Мужской

Оффлайн Fullf

  • Постоялец
  • ***
Re: Прокрутка сайдбара
« Ответ #8 : 16-07-2020, 21:06:34 »
Здравствуйте. Подскажите пожалуйста оптимальный формат картинок для сайдбара? Чтобы они быстрее загружались.

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


Оффлайн Val_Ery

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 76
  • Сообщений: 139
  • Карма: 14

Оффлайн Val_Ery

  • Постоялец
  • ***
Re: Прокрутка сайдбара
« Ответ #9 : 17-07-2020, 09:10:42 »
muster,
Такой вариант - тык

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

P.S. Рисовал на коленке... Поэтому никакой адаптивности...
Просмотр с кодом  тута
« Последнее редактирование: 17-07-2020, 09:20:38 от Val_Ery »


 

Похожие темы

  Тема / Автор Ответов Последний ответ
11 Ответов
3623 Просмотров
Последний ответ 30-11-2013, 11:30:40
от Ruson
1 Ответов
787 Просмотров
Последний ответ 01-09-2015, 19:12:00
от seogitler