容器在函数取消隐藏时失去可滚动功能

是指在前端开发中，当一个容器元素被设置为隐藏状态（display: none）并且包含有滚动条时，当将该容器重新设置为显示状态（display: block）时，滚动条功能会失效，无法进行滚动操作。

这个问题通常是由于容器在隐藏状态时，其内部的高度无法正确计算导致的。解决这个问题的方法有多种，以下是一些常见的解决方案：

1. 使用延迟加载：在将容器重新设置为显示状态后，通过设置一个延迟加载的定时器，在一定时间后再重新计算容器的高度，以确保滚动条功能正常。可以使用JavaScript的setTimeout函数来实现延迟加载。
2. 使用事件监听：在将容器重新设置为显示状态后，监听窗口的resize事件或者容器内部元素的尺寸变化事件，当事件触发时重新计算容器的高度，以确保滚动条功能正常。
3. 使用CSS动画：在将容器重新设置为显示状态时，使用CSS动画来实现渐变显示效果，而不是直接将display属性从none变为block。这样可以保持容器的高度计算正常，从而避免滚动条功能失效。
4. 使用JavaScript库：一些JavaScript库（如jQuery、React等）提供了针对这个问题的解决方案，可以直接调用库中的方法来重新计算容器的高度，以确保滚动条功能正常。

容器失去可滚动功能的问题在各类前端开发场景中都可能出现，特别是在使用隐藏和显示元素的交互效果时。因此，开发人员需要注意这个问题，并选择合适的解决方案来确保滚动条功能的正常使用。

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

• 腾讯云容器服务（Tencent Kubernetes Engine，TKE）：提供高度可扩展的容器化应用管理平台，支持快速部署、弹性伸缩、自动化运维等功能。详情请参考：https://cloud.tencent.com/product/tke
• 腾讯云云函数（Tencent Cloud Function，SCF）：无服务器计算服务，支持按需运行代码，无需管理服务器。详情请参考：https://cloud.tencent.com/product/scf
• 腾讯云轻量应用服务器（Tencent Cloud LightApp Server，Lighthouse）：提供轻量级的应用托管服务，支持容器化应用的部署和管理。详情请参考：https://cloud.tencent.com/product/lighthouse