JS原生监听页面滚动事件

// 可视窗口定位 标签到达某个位置后跟随滚动条滚动
window.addEventListener('scroll', function() {
var element = document.querySelector('.rightNav');
element.style.top = window.pageYOffset < 320 ? 520 - window.pageYOffset + "px" : "200px" ;
});

window.addEventListener方法用于给指定的元素或对象添加事件监听器。它接受两个参数：

1. 第一个参数是要监听的事件类型，比如scroll、click、keydown等。
2. 第二个参数是事件发生时要执行的回调函数。

在你的代码中，第一个参数是scroll，表示监听页面滚动事件。第二个参数是一个匿名函数，用来定义事件发生时的回调函数。当页面发生滚动时，就会触发这个回调函数执行。

/* 首页右侧导航栏 */
.rightNav{float: right;z-index: 1999;position: fixed;right: 260px;top: 520px; text-align: center;}

配合css实现滚动.

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！