js控制元素显示在屏幕固定位置，监听屏幕高度变化

最新推荐文章于 2024-07-01 16:22:16 发布

dannywj1371

最新推荐文章于 2024-07-01 16:22:16 发布

阅读量1.3w

点赞数 1

分类专栏： WEB前端 JavaScript

本文链接：https://blog.csdn.net/dannywj1371/article/details/41868329

版权

JavaScript 同时被 2 个专栏收录

84 篇文章 0 订阅

订阅专栏

WEB前端

36 篇文章 0 订阅

订阅专栏

//控制logo的显示位置 Begin
        window.addEventListener("resize", function () {
            // 得到屏幕尺寸 (内部/外部宽度，内部/外部高度)
            changeLogoPosition();
        }, false);

        changeLogoPosition();

        function changeLogoPosition() {
            var contentHeight = $("#main_content_div").css("height");
            var logoHeight = $("#third_party_logo").css("height");
            contentHeight = parseInt(contentHeight.replace('px', ''));
            logoHeight = parseInt(logoHeight.replace('px', ''));
            //alert('屏幕高度：'+document.body.scrollHeight+' 内容高度：'+contentHeight+' logo高度：'+logoHeight);
            if (document.body.scrollHeight - contentHeight > logoHeight) {
                document.getElementById('third_party_logo').style.position = 'absolute';
            } else {
                document.getElementById('third_party_logo').style.position = '';
            }
        }
        //控制logo的显示位置 End