使用jQuery使滚动条始终可见

Question

我想使我的CSS始终可见。我的代码有2个可见性版本。我想使滚动条在其中一个版本中始终可见。我想使用jQuery。有办法吗？

我希望CSS代码位于jQuery中。

	body {
		padding: 10px;
	}

	ul {
		max-height:150px;
		overflow:scroll;
		width: 250px;
	}

	ul::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 10px;
	}

	ul::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background-color: rgba(0,0,0,.5);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}

<ul>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
	<li>This is some content</li>
</ul>

我知道body和ul标签的可能性。如何为::-webkit-scrollbar和::-webkit-scrollbar-thumb做这件事？