Показать панель прокрутки внутри области виджетов Wordpress

Question

У меня есть виджет на моем сайте Wordpress, на котором отображаются последние 10 сообщений. Весь отображаемый образ + заголовок с 10 сообщениями делает виджет огромным. Я думал, если его легко/возможно отображать только определенный размер, например 300 пикселей, и иметь небольшую полосу прокрутки справа, чтобы увидеть остальное содержимое.

Example

Answer 1

#recent-posts-widget { 
    height: 300px; 
    overflow: scroll; 
} 

Выше это самое простой способ для достижения этой цели (заменить #recent-posts-widget в вашем CSS селектор контейнера виджетов на вашем сайте). Необходимо увидеть соответствующую разметку HTML и CSS, чтобы дать вам более конкретную инструкцию.

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

Answer 2

Вы должны были бы установить max-height:300px и overflow:scroll конкретного виджета (каждый виджет имеет собственный класс/идентификатор, установите внутри style.css).

Это должно дать вам вертикальную полосу прокрутки, если виджет больше 300 пикселей.

Надеется, что это помогает :)