Как сделать полосу прокрутки Jquery-Confirm шире?

Я пытаюсь сделать полосу прокрутки шире, так как по умолчанию действительно неудобно щелкать и двигаться быстрее, когда есть много контента для прокрутки вниз. Предположим, вы создаете экземпляр подтверждения:

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 переполнения, но это просто делает панель видимой или нет. Любая идея о том, как заставить его быть шире?

Скрипка, с которой можно играть.

Заранее спасибо,

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
387
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Для Chrome вы можете использовать эти стили css для элемента с содержимым.

selector_of_the_element::-webkit-scrollbar {
  width: 30px;
}

Спасибо, Анджей!

gal007 06.03.2019 09:47
Ответ принят как подходящий

Конкретный класс в таблице стилей Jquery Confirm:

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
  width: 3px;
}

Установите его на то, что вам нравится в ваших пользовательских стилях, чтобы переопределить.

Спасибо, Даниил!

gal007 06.03.2019 09:47

Другие вопросы по теме