1. 程式人生 > >js控制元素顯示在螢幕固定位置,監聽螢幕高度變化

js控制元素顯示在螢幕固定位置,監聽螢幕高度變化

//控制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