可以通过给body添加onscroll属性或者把事件处理函数分配给window.onscroll属性。
下面是一个始终在页面的顶部显示的水印。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onscroll =function(){
var oWatermark = document.getElementById("divWatermark");
oWatermark.style.top = document.body.scrollTop;
}
//-->
</SCRIPT>
<div id ="divWatermark" style = "position:absolute; top :0px;right:0px; color:#cccccc; width:150px;height:30px; backgrond-colot:naty">Watermark</div>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
</BODY>
</HTML>
分享到：
相关推荐
为了避免这种情况，本文档将探讨在JavaScript中阻止scroll事件多次执行的思路及实现方法。 首先，理解问题的背景是非常关键的。在许多网页特效中，我们可能预期用户每次滚动后都执行特定的操作，但实际上，连续快速...
本文将介绍如何在Vue.js中实现页面内组件监听scroll事件的功能。 首先，需要明确的是，当我们在页面中监听滚动事件时，一般情况下我们会想到使用JavaScript的`window.addEventListener`方法来添加滚动事件监听器。...
本文将深入探讨如何使用`addEventListener`来监听`scroll`和`touch`事件，并理解其中涉及的技术细节。 首先，我们要了解在手机上特有的`touch`事件。`touch`事件系列主要包括三个主要事件： 1. `touchstart`：当...
同事在项目中使用scroll事件去加载数据，结果IE下悲剧了。给了一个简单优化方法，效果明显。 只要用户改变窗口大小，会对内部一些元素大小重新计算，可能导致整个页面重新渲染，最终导致大量消耗 CPU。比如调用 ...
scroll事件适用于window对象，但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。 代码如下:$(document).ready(function () { //本人习惯这样写了 $(window).scroll(function () { //$(window)....
vue vue-seamless-scroll 数据滚动 list 数据量少 时，不运行滚动
1. **scroll事件**： `scroll`事件是浏览器原生提供的一种DOM事件，它会在用户滚动页面或某个可滚动元素时触发。通过监听`scroll`事件，我们可以知道用户何时滚动页面，从而执行相应的处理函数，例如加载更多数据。...
以简单的方式创建和管理 Scroll 事件。 在 scrollpoints.hectoralvarez.me 上查找所有信息和示例 版权所有 :copyright: 2015 Héctor Álvarez 在 MIT 许可下获得许可。 license.hectoralvarez.me/mit 创建滚动点...
本项目“angular-scroll”是一个基于Angular框架的实现，提供了ScrollSpy、动画ScrollTo和Scroll事件等功能，使得开发者能够轻松地创建具有动态效果的滚动导航和页面滚动动画。 ScrollSpy是Angular Scroll的一个...
在Vue.js中，`@scroll`事件监听器用于在元素滚动时执行指定的方法。然而，在实际开发中，可能会遇到`@scroll`事件不起作用的问题。本文将深入探讨这个问题，并提供有效的解决方案。 首先，理解问题产生的原因。当在...
3. **滚动事件**：ScrollBox有两个关键的滚动事件——OnHScroll和OnVScroll，分别对应水平滚动和垂直滚动。开发者可以通过处理这些事件来响应用户的滚动操作，例如更新界面状态或者执行特定的逻辑。 4. **自定义...
你需要设置滚动条的方向（horizontal或vertical），并连接到适当的事件，如SCROLL事件，以处理滚动操作。 4. **自定义滚动条**：如果需要自定义滚动条的外观，你可以使用提供的位图文件替换默认的箭头图像，并通过...
首先，你需要为scroll bar添加一个监听器，通常是OnValueChanged或OnClick事件，然后在对应的事件处理函数中更新Scroll View的偏移量。此外，通过使用Drag And Drop功能，可以允许用户直接拖动网格中的元素到指定...
今日准备把微信小程序的下拉刷新做一下，没想到我绑定了bindscrolltolower事件，但是居然不触发,我设置了lower-threshold高度无济于事.最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我...
JavaScript+jQuery 网页特效设计 jQuery-窗口、表单事件 1、窗口事件 1.1 ready事件 VS onload事件 ...1、窗口事件_ scroll事件 x=0; $(document).ready(function(){ $("div").scroll(function(){ $("s
### jQuery scroll事件 jQuery scroll事件是当用户滚动窗口或元素的内容时触发的事件。它通常用于监控窗口的滚动行为，并在滚动时执行特定的JavaScript代码。这在实现分页功能或者根据滚动位置动态加载内容时非常...