html :: - webkit-scrollbar не применяется через jquery - PullRequest
Новая
       23

html :: - webkit-scrollbar не применяется через jquery

0 голосов
/ 14 февраля 2020

Я могу скрыть полосу прокрутки в Chrome с помощью: 

# app.css loaded in <head>
html ::-webkit-scrollbar {
  display: none;
}

Теперь я хочу вручную скрыть полосу прокрутки, поэтому я пытаюсь запустить следующее с помощью jQuery: 

$("html ::-webkit-scrollbar").css("display", "none")

Однако полоса прокрутки остается видимой во время прокрутки.

Как вручную скрыть / показать полосу прокрутки?

1 Ответ

1 голос
/ 14 февраля 2020

Согласно этому ответу: полоса прокрутки webkit с использованием jQuery. css () метод вы не можете работать с псевдоэлементами с использованием JQuery, но вы можете использовать класс для «взлома» это: 

$('html').addClass('hide-scrolling')
.hide-scrolling::-webkit-scrollbar {
       width: 30px;
}
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>
...