javascript - 使用 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>

我知道它可能用于bodyandul标签。::-webkit-scrollbar我该怎么做::-webkit-scrollbar-thumb？

标签： javascripthtmljquerycssscroll