当一个div滚动出屏幕时，显示另一个div。得到不需要的闪光灯_如何在DOM中滚动出另一个div时显示div_当达到另一个div的50%高度时，Jquery显示div - 腾讯云开发者社区

当一个div滚动出屏幕时，显示另一个div的效果可以通过监听滚动事件来实现。具体步骤如下：

首先，给需要滚动的div添加一个滚动事件监听器。
在滚动事件的回调函数中，判断当前div是否已经滚动出屏幕。
如果div已经滚动出屏幕，则显示另一个div，可以通过修改另一个div的CSS属性来实现显示效果。
如果div还在屏幕内，则隐藏另一个div，同样可以通过修改CSS属性来实现隐藏效果。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    #div1 {
      height: 500px;
      width: 100%;
      background-color: #f1f1f1;
      overflow-y: scroll;
    }
    
    #div2 {
      height: 200px;
      width: 100%;
      background-color: #ccc;
      display: none;
    }
  </style>
</head>
<body>
  <div id="div1" onscroll="checkScroll()">
    <p>Scroll down to see the effect</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc id lacinia tristique, nisl justo efficitur nunc, a sollicitudin lorem tortor id mi. Sed euismod, massa sit amet efficitur lacinia, neque nunc aliquet nunc, id aliquam justo neque at erat. Nulla facilisi. Sed id semper mauris. Nullam auctor, nunc id lacinia tristique, nisl justo efficitur nunc, a sollicitudin lorem tortor id mi. Sed euismod, massa sit amet efficitur lacinia, neque nunc aliquet nunc, id aliquam justo neque at erat. Nulla facilisi.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc id lacinia tristique, nisl justo efficitur nunc, a sollicitudin lorem tortor id mi. Sed euismod, massa sit amet efficitur lacinia, neque nunc aliquet nunc, id aliquam justo neque at erat. Nulla facilisi. Sed id semper mauris. Nullam auctor, nunc id lacinia tristique, nisl justo efficitur nunc, a sollicitudin lorem tortor id mi. Sed euismod, massa sit amet efficitur lacinia, neque nunc aliquet nunc, id aliquam justo neque at erat. Nulla facilisi.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc id lacinia tristique, nisl justo efficitur nunc, a sollicitudin lorem tortor id mi. Sed euismod, massa sit amet efficitur lacinia, neque nunc aliquet nunc, id aliquam justo neque at erat. Nulla facilisi. Sed id semper mauris. Nullam auctor, nunc id lacinia tristique, nisl justo efficitur nunc, a sollicitudin lorem tortor id mi. Sed euismod, massa sit amet efficitur lacinia, neque nunc aliquet nunc, id aliquam justo neque at erat. Nulla facilisi.</p>
  </div>
  
  <div id="div2">
    <p>This is the div to be shown when the other div is scrolled out of the screen.</p>
  </div>

  <script>
    function checkScroll() {
      var div1 = document.getElementById("div1");
      var div2 = document.getElementById("div2");

      var rect = div1.getBoundingClientRect();
      if (rect.bottom <= 0 || rect.top >= window.innerHeight) {
        div2.style.display = "block";
      } else {
        div2.style.display = "none";
      }
    }
  </script>
</body>
</html>

在上述示例代码中，当div1滚动出屏幕时，div2会显示出来。你可以根据实际需求修改div1和div2的样式和内容。

请注意，以上示例代码中没有提及任何特定的云计算品牌商或产品，因为这个问题与云计算领域的专业知识没有直接关联。