当选项卡处于非活动状态时，滚动到div底部

是一种常见的网页交互效果，可以通过以下步骤实现：

首先，需要监听选项卡的状态变化。可以使用JavaScript来实现，通过事件监听器或者框架提供的API来监测选项卡的活动状态。
当选项卡处于非活动状态时，需要获取到包含内容的div元素。可以通过DOM操作或者选择器来获取到对应的div元素。
接下来，可以使用JavaScript中的scrollTop属性来实现滚动到div底部的效果。将scrollTop属性设置为div元素的scrollHeight减去div元素的clientHeight即可实现滚动到底部。
如果需要平滑滚动效果，可以使用JavaScript中的动画库或者CSS的transition属性来实现。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .tab-content {
      height: 200px;
      overflow-y: scroll;
    }
  </style>
</head>
<body>
  <div class="tab-content" id="tabContent">
    <!-- 内容 -->
  </div>

  <script>
    // 监听选项卡状态变化
    const tab = document.getElementById('tab');
    tab.addEventListener('click', function() {
      // 判断选项卡是否处于非活动状态
      if (!tab.classList.contains('active')) {
        // 获取到div元素
        const div = document.getElementById('tabContent');
        // 滚动到底部
        div.scrollTop = div.scrollHeight - div.clientHeight;
      }
    });
  </script>
</body>
</html>

在这个示例中，我们通过监听选项卡的点击事件来判断选项卡的状态。当选项卡处于非活动状态时，获取到包含内容的div元素，并将scrollTop属性设置为div元素的scrollHeight减去div元素的clientHeight，实现滚动到底部的效果。

对于云计算领域的相关知识，可以参考腾讯云的文档和产品介绍：

云计算概念：云计算是一种基于互联网的计算方式，通过共享的计算资源和服务，提供灵活、可扩展的计算能力和存储空间。它可以帮助用户快速部署应用、提高资源利用率、降低成本等。了解更多请参考腾讯云-云计算。
腾讯云相关产品：腾讯云提供了丰富的云计算产品，包括云服务器、云数据库、云存储、人工智能等。具体可以参考腾讯云产品列表。

请注意，以上答案仅供参考，具体的技术实现和推荐产品可能因实际需求和情况而有所不同。