Heim > Web-Frontend > js-Tutorial > So steuern Sie mit js die Bildlaufleiste eines Divs, sodass es automatisch nach unten scrollt, wenn der Inhalt aktualisiert wird

So steuern Sie mit js die Bildlaufleiste eines Divs, sodass es automatisch nach unten scrollt, wenn der Inhalt aktualisiert wird

高洛峰
Freigeben: 2016-12-08 16:06:44
Original
1340 Leute haben es durchsucht

lautet wie folgt:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
 
<script type="text/javascript">
function add()
{
var now = new Date();
var div = document.getElementById(&#39;scrolldIV&#39;);
div.innerHTML = div.innerHTML + &#39;time_&#39; + now.getTime() + &#39;<br />&#39;;
div.scrollTop = div.scrollHeight;
}
</script>
<div id="scrolldIV" style="overflow:auto; height: 100px; width: 400px; border: 1px solid #999;">
</div>
<input type="button" value="插入一行" onclick="add();">
用js控件div的滚动条,让它在内容更新时自动滚到底部</body>
</html>
Nach dem Login kopieren


Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage