Bagaimana untuk mengawal elemen js untuk dipaparkan pada kedudukan tetap pada skrin dan memantau perubahan ketinggian skrin_kemahiran javascript

Contoh dalam artikel ini menerangkan kaedah js mengawal elemen untuk dipaparkan pada kedudukan tetap pada skrin dan memantau perubahan ketinggian skrin. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

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

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.