JavaScript 滚动条事件

Posted freeengles

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 滚动条事件相关的知识,希望对你有一定的参考价值。

<!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>






















以上是关于JavaScript 滚动条事件的主要内容,如果未能解决你的问题,请参考以下文章

javascript前台开发问题,怎么设置使页面的滚动条不滚动,看详细描述

js监听两个滚动条,JavaScript、Html

JavaScript课程——Day21(jQuery下class操作css操作元素宽高元素的位置滚动条创建.添加.替换.删除.克隆节点事件滑上事件的区别)

原生JavaScript实现滚动条

使用 JavaScript 中断 iOS 滚动

[TimLinux] JavaScript position为fixed时支持水平滚动条