设置多行 TextBox 滚动条位置

最新推荐文章于 2022-01-21 10:37:47 发布

weixin_30814223

最新推荐文章于 2022-01-21 10:37:47 发布

阅读量226

点赞数

CC 4.0 BY-SA版权

文章标签：嵌入式 xhtml python

原文链接：http://www.cnblogs.com/Jinglecat/archive/2009/02/20/1394744.html

本文介绍了一种在ASP.NET中使用TextBox控件显示多行文本时，如何通过JavaScript设置滚动条位置的方法，确保用户在刷新页面后仍能看到文本的最后一行。

多行 TextBox 刷新后默认回到首行，通过设置 txt.scrollTop = txt.scrollHeight 强制滚动尾行：

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    http://topic.youkuaiyun.com/u/20090220/10/92760759-6e9c-4cf2-8660-c2fb5cf004f0.html?seed=1331838345
        <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Rows="10" Columns="10">
    * 移动开发者自己的聚集地
    * 『送』千元开发板，嵌入式开发热招！
    * 构建出色多核应用程序
    * 优快云网友快速赚分技巧
    * IBM dW精华技术，开发者必看
    * 走进嵌入式学院,就业世界500强
    * 财富两千强公司都选甲骨文SOA解决方案
    * CUDA—大规模并行计算的利器
        </asp:TextBox>
        <script type="text/javascript">
            window.onload = function() {
                var txt = document.getElementById("TextBox1");
                document.body.focus();
                txt.scrollTop = txt.scrollHeight;        // IE, FF
                //txt.focus(); // FF#OK, IE#Resume to Top
            }
        </script>
    </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/Jinglecat/archive/2009/02/20/1394744.html