HTML隐藏了滚动条的滚动效果

最新推荐文章于 2023-03-11 17:07:24 发布

阳光下的爱逗

最新推荐文章于 2023-03-11 17:07:24 发布

阅读量502

点赞数

分类专栏： html 技巧总结文章标签： html css javascript 前端

本文链接：https://blog.csdn.net/qq_45838712/article/details/122608940

版权

html 技巧总结专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title></title>
		<style type="text/css">
			.scroll_out {
				width: 200px;
				height: 200px;
				position: relative;
				overflow: hidden;
				border: 1px solid black;
			}
			.scroll_in {
				position: absolute;
				left: 0;
				top: 0;
				right: -17px;
				bottom: 0;
				overflow-y: scroll;
			}
		</style>
	</head>
	<body>
		</div>
		<div class="scroll_out">
			<div class="scroll_in">
				<ul>
					<li>1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
					<li>6</li>
					<li>7</li>
					<li>8</li>
					<li>9</li>
					<li>10</li>
					<li>11</li>
					<li>12</li>
					<li>13</li>
				</ul>
			</div>
		</div>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阳光下的爱逗

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML隐藏了滚动条的滚动效果

<html> <head> <title></title> <style type="text/css"> .scroll_out { width: 200px; height: 200px; position: relative; overflow: hidden; border: 1px solid black; } .scroll_in { position: ab.
复制链接

扫一扫