JavaScript 滚动条事件

最新推荐文章于 2024-06-23 14:12:12 发布

转载最新推荐文章于 2024-06-23 14:12:12 发布 · 187 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jeco-li/p/10171419.html

文章标签：

#javascript #ViewUI

本文通过一个具体的HTML页面示例，展示了如何使用JavaScript实现页面元素的动态操作，包括响应按钮点击事件来改变页面状态，以及利用onscroll事件监测并响应页面滚动情况。此示例深入浅出地讲解了JavaScript与HTML的结合应用。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/test.js" type="text/javascript" charset="utf-8"></script>
</head>
<body style="height: 1000px;">
<button>按钮</button>
<button onclick="func1()">跳转到红页面</button>

<button onclick="func2()">关闭窗体</button>
<script type="text/javascript">

    window.onscroll = function() {
        console.log("发生了滚动")
        var a = document.documentElement.scrollTop || document.body.scrollTop
        console.log(a)
    }
</script>

</body>
</html>