HTML不显示滚动条

项目场景:

超出盒子高度进行隐藏,使其可以滚动查看


问题描述

出现滚动条,影响美观,项目要求不显示滚动条但仍有滚动效果


解决方案:

谁滚动,去掉谁

HTML不显示滚动条_第1张图片

 

.boxOrder {
	width: 1420px;
	height: 800px;
	margin: 0 auto;
	overflow-y: scroll;
	position: relative;
}

.boxOrder::-webkit-scrollbar {
	display: none;
}

效果展示

不显示滚动条但仍有超出设定高度的滚动效果

 

你可能感兴趣的:(CSS,HTML,html,前端,css)