div 文章内容自动分屏显示

aimaihui6979

于 2013-08-06 23:02:00 发布

阅读量172

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhoudemo/p/3242175.html

本文介绍了一个使用JavaScript实现的滚动视图翻页功能，通过调整div的高度和使用按钮控制上下翻页，适用于固定宽度和高度的显示区域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript">

        var height = 0;

        function previousPage() {
            if (height > 0) {
                height -= 280;
            }
            var e = document.getElementById("content");
            e.scrollTop = height;
        }

        function nextPage() {
            height += 280;
            var e = document.getElementById("content");
            e.scrollTop = height;
        }
    </script>
</head>
<body>
    <div id="content" runat="server" style="width: 500px; height: 400px; overflow: scroll;
        overflow-x: hidden; overflow-y: hidden;">
    </div>
    <div>
        <input type="button" value="上一页" onclick="previousPage();" id="btnPreviousPage" />
        <input type="button" value="下一页" onclick="nextPage();" id="btnNextPage" />
    </div>
</body>

触摸屏飘过，搞死了

转载于:https://www.cnblogs.com/zhoudemo/p/3242175.html