如果另一个 DIV 的高度发生变化,我如何使用 JavaScript 滚动 HTML div?
在下面的代码中,如果 mychat 的
高度发生变化,我需要 chat
DIV 的滚动条应该下降。我的 JavaScript 有误,谁能改正。
我的代码是
<style type="text/css">
#chat
{
height:250px;
width:200px;
overflow:auto;
background-color:Aqua;
padding:5px;
}
</style>
<script type="text/javascript">
function show() {
var MyDiv = document.getElementById('mychat');
var MyDiv2 = document.getElementById('chat');
var sval;
if(MyDiv.clientHeight != sval)
{
MyDiv2.scrollTop = MyDiv2.scrollHeight;
}
sval = MyDiv.clientHeight;
}
</script>
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true">
</asp:ScriptManager>
<div id="chat">
<asp:Timer ID="Timer1" runat="server" Interval="200" ontick="Timer1_Tick">
</asp:Timer>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="mychat" runat="server">
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>
</div>
很抱歉,我没有足够的知识编写 JavaScript。
最佳答案
这个 fiddle 似乎是您想要的 - 如果不是,它至少有希望引导您朝着正确的方向前进。
改编 self 使用过的代码 How do I scroll a row of a table into view (element.scrollintoView) using jQuery?
关于javascript - 如果高度改变滚动 HTML div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9034059/