// 可视窗口定位 标签到达某个位置后跟随滚动条滚动
window.addEventListener('scroll', function() {
var element = document.querySelector('.rightNav');
element.style.top = window.pageYOffset < 320 ? 520 - window.pageYOffset + "px" : "200px" ;
});
window.addEventListener
方法用于给指定的元素或对象添加事件监听器。它接受两个参数:
- 第一个参数是要监听的事件类型,比如
scroll
、click
、keydown
等。 - 第二个参数是事件发生时要执行的回调函数。
在你的代码中,第一个参数是scroll
,表示监听页面滚动事件。第二个参数是一个匿名函数,用来定义事件发生时的回调函数。当页面发生滚动时,就会触发这个回调函数执行。
/* 首页右侧导航栏 */
.rightNav{float: right;z-index: 1999;position: fixed;right: 260px;top: 520px; text-align: center;}
配合css实现滚动.