实现div跟着滚动条动的效果
来源:互联网 发布:手机充值软件加盟 编辑:程序博客网 时间:2024/05/21 06:51
<html>
<head>
<title>OnScroll Example</title>
<script type="text/javascript">
window.onscroll = function () {
var oWatermark = document.getElementById("divWatermark");
oWatermark.style.top =document.body.scrollTop;
}
</script>
</head>
<body>
<p>Try scrolling this window.</p>
<div id="divWatermark" style="position: absolute; top: 0px; right: 0px; color: #cccccc; width: 150px; height: 30px; background-color: navy">Watermark</div>
<p>Line 1</p>
<p>Line 2</p>
<p>Line 3</p>
<p>Line 4</p>
<p>Line 5</p>
<p>Line 6</p>
<p>Line 7</p>
<p>Line 8</p>
<p>Line 9</p>
<p>Line 10</p>
<p>Line 11</p>
<p>Line 12</p>
<p>Line 1</p>
<p>Line 2</p>
<p>Line 3</p>
<p>Line 4</p>
<p>Line 5</p>
<p>Line 6</p>
<p>Line 7</p>
<p>Line 8</p>
<p>Line 9</p>
<p>Line 10</p>
<p>Line 11</p>
<p>Line 12</p>
<p>Line 1</p>
<p>Line 2</p>
<p>Line 3</p>
<p>Line 4</p>
<p>Line 5</p>
<p>Line 6</p>
<p>Line 7</p>
<p>Line 8</p>
<p>Line 9</p>
<p>Line 10</p>
<p>Line 11</p>
<p>Line 12</p>
</body>
</html>
<head>
<title>OnScroll Example</title>
<script type="text/javascript">
window.onscroll = function () {
var oWatermark = document.getElementById("divWatermark");
oWatermark.style.top =document.body.scrollTop;
}
</script>
</head>
<body>
<p>Try scrolling this window.</p>
<div id="divWatermark" style="position: absolute; top: 0px; right: 0px; color: #cccccc; width: 150px; height: 30px; background-color: navy">Watermark</div>
<p>Line 1</p>
<p>Line 2</p>
<p>Line 3</p>
<p>Line 4</p>
<p>Line 5</p>
<p>Line 6</p>
<p>Line 7</p>
<p>Line 8</p>
<p>Line 9</p>
<p>Line 10</p>
<p>Line 11</p>
<p>Line 12</p>
<p>Line 1</p>
<p>Line 2</p>
<p>Line 3</p>
<p>Line 4</p>
<p>Line 5</p>
<p>Line 6</p>
<p>Line 7</p>
<p>Line 8</p>
<p>Line 9</p>
<p>Line 10</p>
<p>Line 11</p>
<p>Line 12</p>
<p>Line 1</p>
<p>Line 2</p>
<p>Line 3</p>
<p>Line 4</p>
<p>Line 5</p>
<p>Line 6</p>
<p>Line 7</p>
<p>Line 8</p>
<p>Line 9</p>
<p>Line 10</p>
<p>Line 11</p>
<p>Line 12</p>
</body>
</html>
- 实现div跟着滚动条动的效果
- div的滚动条效果
- js实现div层跟着滚动条滑动
- jquery使用div实现滚动条效果
- div+js实现自制滚动条效果
- div跟着滚动条移动而移动
- div不显示滚动条但实现鼠标移上去可以上下滚动的效果
- vue.js-div滚动条隐藏但有滚动效果的实现
- DIV实现滚动条
- 实现ViewPager底部条跟着ViewPager滑动的效果
- Jquery实现自定义滚动条,DIV滑动效果
- 滚动条效果实现
- tabhost+滚动条的效果实现
- DIV的滚动条,
- div的滚动条
- div的滚动条
- 跟随垂直滚动条滚动的DIV实现
- [Web]如何实现 Div 的 伸 缩 动 态 效果
- 复杂ASP.NET服务器控件调整小技巧
- 几个常用函数
- DataList 中DropDownList取隐藏控件label的值
- DIV+CSS编辑器
- 2007年7月26日,Database.DBFactory
- 实现div跟着滚动条动的效果
- DongLiORM 第二次更新
- 兽族内战
- JavaScript : WINDOW FOR JAVASCRIPT,熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、
- Hibernate中实现复杂的数据映射
- DongLiORM 介绍
- 你该学哪一套程序语言
- 客户端访问Web Service方法的一个细节
- 开版