Hide Scrollbars

Utility

Style

CSS

Give element an attribute name of data-hide-scrollbar

<style>
[data-hide-scrollbar]::-webkit-scrollbar {
	display: none;
}
[data-hide-scrollbar] {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
</style>

Preview Links

Designer

CMS

Published

Custom JS

Enable custom code in preview or view on published site.

Enable custom code?

Last Updated: Dec 3, 2025

Give element an attribute name of data-hide-scrollbar

<style>
[data-hide-scrollbar]::-webkit-scrollbar {
	display: none;
}
[data-hide-scrollbar] {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
</style>