Comment contrôler les éléments js à afficher à une position fixe sur l'écran et surveiller la hauteur de l'écran changes_javascript skills

L'exemple de cet article décrit la méthode par laquelle js contrôle les éléments à afficher à une position fixe sur l'écran et surveille les changements de hauteur de l'écran. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

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

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.