如何用js控件div的滚动条,让它在内容更新时自动滚到底部

如何用js控件div的滚动条,让它在内容更新时自动滚到底部,第1张

三种控制DIV内容滚动的方法

方法一:

使用锚标记要滚动到的位置,然后通过click方法模拟点击滚动到锚所在位置

<script language="javascript12" type="text/javascript">

function onGetMessage(context)

{

msginnerHTML+=context;

msg_endclick();

}

</script>

<div style="width:500px;overflow:auto">

<div id="msg" style="overflow:hidden;width:480px;"></div>

<div><a id="msg_end" name="1" href="#1">&nbsp</a></div>

</div>

方法二:

利用DIV的scrollIntoView方法,将最底端滚动到可视位置 [list=1]<script

language="javascript12"

type="text/javascript">

function onGetMessage(context)

{

msginnerHTML+=context;

msg_endscrollIntoView();

}

</script>

<div style="width:500px;overflow:auto">

<div id="msg" style="overflow:hidden;width:480px;"></div>

<div id="msg_end" style="height:0px; overflow:hidden"></div>

</div>

方法三:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

以上就是关于如何用js控件div的滚动条,让它在内容更新时自动滚到底部全部的内容,包括:如何用js控件div的滚动条,让它在内容更新时自动滚到底部、js 手机页面根据屏幕的高度确定底部广告的位置、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9478135.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存