尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » js常用代码 »

js控制溢出部分div滚动条始终在最底scrollIntoView()

2021-05-19   Umming   js常用代码    评论(0)    浏览(1778)


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
</head> 
<body>

<button class="aa">aaa</button>
<div style="height:500px;overflow:auto">
<div id="msg" style="overflow:hidden;height:880px;"></div>
<div id="msg_end" style="height:0px; overflow:hidden"></div>
</div>
<script type="text/javascript">
	$(".aa").click(function(){
		document.getElementById("msg_end").scrollIntoView();
	})
</script>
</body>
</html>

标签: js代码

本文链接:https://www.umming.com/js/280.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//