js实现div固定在下方

最新推荐文章于 2022-06-08 20:27:44 发布

yzxzsp11

最新推荐文章于 2022-06-08 20:27:44 发布

阅读量934

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/yzxzsp11/article/details/50608821

版权

javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jsBOM</title>
    <style>
        #div1{
            width: 100px;
            height: 200px;
            background-color: #00b3ee;
            right: 0;
            bottom:0;
            position: absolute;
        }
        body{
            height:2000px;
        }
    </style>
</head>
<body>
<div id="div1">

</div>
</body>
<script>
    //js实现div固定在页面底部
    window.onscroll=window.onresize=function(){    //onresize解决窗口大小变化时的问题
        var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
        var oDiv=document.getElementById('div1');
        oDiv.style.top=document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop+'px';
    };
    confirm('delete?');    //返回true或者false
    prompt('请输入你的名字','哈哈');    //返回输入的内容,第二个参数胃初始默认值
</script>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yzxzsp11

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js实现div固定在下方

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jsBOM</title> <style> #div1{ width: 100px; height: 200px; background-color:
复制链接

扫一扫