Я использую simplebar, и он работает отлично, за исключением одного небольшого сбоя. Кажется, что когда я использую плагин, любой текст, который находится в контейнере <div data-simplebar ..., просто увеличивается в размере.
Вот что я имею в виду. У меня есть тег div, который использует атрибут data-simplebar, а вместе с ним атрибут класса scrollText
<div data-simplebar class="alignleft size-27 scrollText">
<p>In this course, we’re focussing on three main areas.</p>
<p><strong>The Software Development Lifecycle</strong><br/>
... //more text but not relevant to the issue
</div>
Ниже приведен css для scrollText, и обратите внимание, что шрифт средний:
.scrollText{
font-size: medium !important;
max-height: 31.25em;
overflow: auto;
padding-right: 1em;
}
Так что без data-simplebar это выглядит так:
Так что этот шрифт выглядит хорошо и соответствует размеру шрифта I в розыске. Единственное, что я хочу изменить, - это та полоса прокрутки, и именно поэтому я использую библиотеку simplebaar. Теперь, когда я включаю атрибут data-simplebar и запускаю снова, размер шрифта увеличивается, как вы можете видеть ниже.
Теперь я провел некоторое исследование и Я заметил, что javascript вызывает эту проблему. Я знаю это, потому что если я удалю ссылку на файл javascript, но сохраню файл css для simplebar, шрифт вернется обратно.
Проблема в том, что я не знаю, что в javascript вызывает это, так что я надеюсь, что кто-то, у кого есть знания goo javascript, может посмотреть в прикрепленный файл javascript и в чем причина проблемы и сообщить мне, как ее исправить (это может быть простой комментарий).
В этом jsfiddle указан код из файла js для простой панели (simplebar. js): https://jsfiddle.net/nxthcrm5/1/
Более подробную информацию о simplebar можно найти здесь: https://github.com/Grsmto/simplebar/tree/master/packages/simplebar
Спасибо