Я пытаюсь сделать полосу прокрутки шире, так как по умолчанию действительно неудобно щелкать и двигаться быстрее, когда есть много контента для прокрутки вниз. Предположим, вы создаете экземпляр подтверждения:
var self = this;
$.confirm({
title: "This is the title",
columnClass: 'col-md-12',
useBootstrap: true,
backgroundDismiss: false,
content: getHtml(),
defaultButtons: false
});
И затем вы загружаете на него большое количество контента:
getHtml = function()
{
html = "";
for (var i = 3000 - 1; i >= 0; i--)
{
html += "<span>demo</span><br>"
}
return html
}
При использовании Google Chrome полоса прокрутки будет выглядеть очень тонкой, и вам нужно быть очень точным, указывая на полосу прокрутки, чтобы перетаскивать ее мышью. Некоторым людям это очень трудно сделать.
Я попытался изменить свойство CSS переполнения, но это просто делает панель видимой или нет. Любая идея о том, как заставить его быть шире?
Скрипка, с которой можно играть.
Заранее спасибо,



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Для Chrome вы можете использовать эти стили css для элемента с содержимым.
selector_of_the_element::-webkit-scrollbar {
width: 30px;
}
Конкретный класс в таблице стилей Jquery Confirm:
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
width: 3px;
}
Установите его на то, что вам нравится в ваших пользовательских стилях, чтобы переопределить.
Спасибо, Даниил!
Спасибо, Анджей!