如何将位置固定的子对象放在位置固定的父对象的滚动条上？

要将位置固定的子对象放在位置固定的父对象的滚动条上，可以通过以下步骤实现：

1. 首先，确保父对象具有滚动条。可以通过设置父对象的CSS属性overflow: auto或overflow: scroll来实现。
2. 确定子对象的位置。可以使用CSS的position: fixed属性将子对象固定在页面上的特定位置。例如，可以设置子对象的CSS属性top和left来指定子对象相对于父对象的位置。
3. 将子对象添加到父对象中。可以使用JavaScript或其他前端框架将子对象动态地添加到父对象中。确保子对象是父对象的直接子元素。
4. 监听父对象的滚动事件。可以使用JavaScript添加一个滚动事件监听器，以便在父对象滚动时更新子对象的位置。在滚动事件处理程序中，可以通过修改子对象的CSS属性top和left来实现子对象的位置固定。

以下是一个示例代码：

HTML:

<div id="parent" style="overflow: auto; height: 200px;">
  <div id="child" style="position: fixed; top: 50px; left: 50px;">子对象</div>
  <!-- 其他内容 -->
</div>

JavaScript:

var parent = document.getElementById('parent');
var child = document.getElementById('child');

parent.addEventListener('scroll', function() {
  child.style.top = parent.scrollTop + 'px';
  child.style.left = parent.scrollLeft + 'px';
});

在上述示例中，父对象的id为"parent"，子对象的id为"child"。父对象设置了固定高度并启用了滚动条。子对象使用position: fixed将其固定在父对象的(50px, 50px)位置上。通过监听父对象的滚动事件，可以实时更新子对象的位置，使其始终保持在父对象的滚动条上。

请注意，以上示例仅为演示目的，实际应用中可能需要根据具体需求进行适当的调整和优化。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可满足各种计算需求。了解更多信息，请访问腾讯云云服务器。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，可用于存储和管理各种类型的数据。了解更多信息，请访问腾讯云对象存储。