Heim > Artikel > Web-Frontend > 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

高洛峰Original: 2016-12-08 16:06:441283Durchsuche

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>

Stellungnahme：

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

Vorheriger Artikel：Implementierung eines JavaScript-Login-VerifizierungscodesNächster Artikel：Implementierung eines JavaScript-Login-Verifizierungscodes

In Verbindung stehende Artikel

Mehr sehen