使div在滚动后从悬停停留在原来的位置

要实现使div在滚动后从悬停停留在原来的位置，可以使用CSS的position属性和JavaScript来实现。

首先，在CSS中，将该div的position属性设置为fixed，这样可以使其脱离文档流，并且相对于浏览器窗口定位。然后，设置其top和left属性来确定其初始位置。

div {
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
}

接下来，使用JavaScript来监听滚动事件，并在滚动时修改div的位置。可以使用window对象的scroll事件来实现。

window.addEventListener('scroll', function() {
  var div = document.querySelector('div');
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  div.style.top = (100 + scrollTop) + 'px';
});

上述代码中，通过获取滚动条的滚动距离scrollTop，然后将div的top属性设置为初始位置100px加上滚动距离scrollTop，从而实现div在滚动后停留在原来的位置。

这种方法适用于需要在滚动时保持某个元素固定位置的场景，比如网页的导航栏、侧边栏等。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
• 腾讯云移动开发平台（MPS）：https://cloud.tencent.com/product/mps