将固定的div放在可拖动的div之外(draggable.js)

将固定的div放在可拖动的div之外是通过使用draggable.js库来实现的。draggable.js是一个轻量级的JavaScript库，用于实现可拖动元素的功能。它提供了一组API和事件，可以轻松地将元素设置为可拖动，并在拖动过程中执行相应的操作。

要将固定的div放在可拖动的div之外，可以按照以下步骤进行操作：

1. 引入draggable.js库：在HTML文件中引入draggable.js库的链接地址或下载并引入本地文件。
2. 创建HTML结构：在HTML文件中创建固定的div和可拖动的div，并设置它们的样式和内容。

<div id="fixedDiv">固定的div</div>
<div id="draggableDiv">可拖动的div</div>

1. 初始化可拖动元素：使用draggable.js提供的API，将可拖动的div设置为可拖动元素。

var draggableDiv = document.getElementById('draggableDiv');
draggable(draggableDiv);

1. 设置固定div的位置：使用CSS样式将固定的div设置为位于可拖动的div之外的固定位置。

#fixedDiv {
  position: fixed;
  top: 10px;
  left: 10px;
  /* 其他样式设置 */
}

通过以上步骤，就可以将固定的div放在可拖动的div之外。当用户拖动可拖动的div时，固定的div将保持在原始位置不受影响。

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

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算场景，包括前端开发、后端开发、数据库、服务器运维等。了解更多信息，请访问腾讯云云服务器。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端对象存储服务，适用于存储和管理各种类型的数据，包括音视频、多媒体文件等。了解更多信息，请访问腾讯云对象存储。

请注意，以上答案仅供参考，具体的实现方式和推荐的产品可能因实际需求和环境而异。