当子元素位于父元素上方时，safari不会滚动

当子元素位于父元素上方时，Safari浏览器在滚动时可能会出现问题。这是因为Safari浏览器在处理滚动事件时存在一些特殊的行为。

在Safari浏览器中，当子元素位于父元素上方时，如果子元素具有滚动行为（例如设置了overflow属性为scroll或auto），则滚动事件会被子元素捕获，而不会传递给父元素。这导致当用户尝试在子元素上滚动时，父元素不会滚动。

这种行为可能会导致用户体验上的问题，特别是在需要整个页面滚动的情况下。为了解决这个问题，可以尝试以下方法：

1. 使用JavaScript：通过JavaScript监听子元素的滚动事件，并将滚动事件传递给父元素。可以使用addEventListener方法来监听子元素的滚动事件，并在事件处理程序中调用父元素的scrollTo方法来实现滚动。
2. 使用CSS属性：尝试使用CSS属性来解决这个问题。可以尝试将子元素的overflow属性设置为hidden，然后使用其他方式来模拟滚动效果，例如使用transform属性来实现滚动效果。

需要注意的是，以上方法只是一种解决方案，并不能保证在所有情况下都能完全解决Safari浏览器中的滚动问题。因此，在开发过程中，建议进行充分的测试和兼容性验证，以确保在不同浏览器和设备上都能正常工作。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs