漂浮在页面中不随内容滚动的div

最新推荐文章于 2022-05-20 14:44:04 发布

IMAGSE

最新推荐文章于 2022-05-20 14:44:04 发布

阅读量1.9k

点赞数

文章标签： div button function input html

本文链接：https://blog.csdn.net/IMAGSE/article/details/3005829

版权

<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>
Try scrolling this window. 
<div id="divWatermark" style="position: absolute; top: 0px; right: 0px; color: #cccccc; width: 150px; height: 30px; background-color: navy"><input type="button" value="Click Me" οnclick="alert('Hello!~~')" /> </div>
Line 1 
Line 2 
Line 3 
Line 4 
Line 5 
Line 6 
Line 7 
Line 8 
Line 9 
Line 10 
Line 11 
Line 12 
</body>
</html>