园龄：6年3个月粉丝：4 关注：1

学习日记--隐藏滚动条、滚动条处于底部

 <!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.fa{
			width: 200px;
			height: 500px;
			display: flex;
			flex-direction: column;
		}
		.fa ul{
			height:20%;
			overflow: auto;
		}
		::-webkit-scrollbar {
		    display: none;
		}
	</style>
</head>
<body>
	<div class="fa">
		<ul>
			<li>qweqÎeq</li>
			<li>qweqÎeq</li>
			<li>qweqÎeq</li>
			<li>qweqÎeq</li>
			<li>qweqÎeq</li>
			<li>qweqÎeq</li>
			<li>qweqÎeq</li>
			<li>qweqÎeq12131</li>
		</ul>
		<div class="child">131</div>
		<ul>
			<li>qwqwq</li>
			<li>qwqwq</li>
			<li>qwqwq</li>
			<li>qwqwq</li>
			<li>qwqwq</li>
			<li>qwqwq</li>
			<li>qwqwq</li>
			<li>qwqwq</li>
			<li>qwqwq</li>
		</ul>
	</div>
 
	<script type="text/javascript">
		window.function(){
			var div = document.querySelector('.fa > :first-child');
			div.scrollTop = div.scrollHeight;
		}
		
	</script>
</body>
</html>

上一篇vue "keyId=xxxxx&keyId=xxxxx&keyId=xxxxx" 传值办法

下一篇mysql 数据库迁移办法

本文作者：轻风细雨_林木木

本文链接：https://www.cnblogs.com/linzhifen5/p/16961334.html

posted @ 2022-12-06 22:21 轻风细雨_林木木阅读(8) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

轻风细雨_林木木

做最优秀的自己。

学习日记--隐藏滚动条、滚动条处于底部

公告

常用链接

最新随笔

我的标签

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论

	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	<style type="text/css">
	.fa{
	width: 200px;
	height: 500px;
	display: flex;
	flex-direction: column;
	}
	.fa ul{
	height:20%;
	overflow: auto;
	}
	::-webkit-scrollbar {
	display: none;
	}
	</style>
	</head>
	<body>
	<div class="fa">
	<ul>
	<li>qweqÎeq</li>
	<li>qweqÎeq</li>
	<li>qweqÎeq</li>
	<li>qweqÎeq</li>
	<li>qweqÎeq</li>
	<li>qweqÎeq</li>
	<li>qweqÎeq</li>
	<li>qweqÎeq12131</li>
	</ul>
	<div class="child">131</div>
	<ul>
	<li>qwqwq</li>
	<li>qwqwq</li>
	<li>qwqwq</li>
	<li>qwqwq</li>
	<li>qwqwq</li>
	<li>qwqwq</li>
	<li>qwqwq</li>
	<li>qwqwq</li>
	<li>qwqwq</li>
	</ul>
	</div>

	<script type="text/javascript">
	window.function(){
	var div = document.querySelector('.fa > :first-child');
	div.scrollTop = div.scrollHeight;
	}

	</script>
	</body>
	</html>