云数据库服务器（腾讯云数据库服务器）

腾讯云数据库服务器腾讯云数据库服务器是腾讯云提供的一种数据库产品，主要提供MySQL、SQL Server、PostgreSQL、Redis、MongoDB等多种数据库服务，为用户提供便捷可靠的数据库服务。腾讯云数据库服务可以帮助用户快速构建高可用、高性能的数据库环境，支持十种数据库语言，可以满足多种垂直领域的需求，让用户体验更好。腾讯云数据库服务还支持一键快速创建、可靠的备份，支持的数据库服务器还支持高可用性、安全性、负载均衡等功能。云数据库服务器地址云数据库的服务器地址取决于所使用的云服务提供商，例如：Amazon Web Services：RDS 数据库实例的服务器地址可在 Amazon RDS 控制台中找到。

</div>

</div>

</div>

The sticky behaviour is working as expected. Now I wanted to add a scrollable div that keep the content as shown in the image, inside the sticky div.

So I added .overflow-y-scroll class to the inner div:

.sticky-top {

position: sticky;

top: 0;

background: #fff;

border: 1px solid #000;

padding: 1rem;

}

.overflow-y-scroll {

overflow-y: scroll;

height: 200px;

}

<div class="bg-gray-100">

<div class="sticky-top">

<h3 class="font-bold">

云数据库服务器

</h3>

<div class="overflow-y-scroll">

云数据库服务器

</div>

</div>

</div>

But the sticky behaviour is not working anymore, the div is scrolling with the page instead.

What is the correct way to make the sticky div scrollable?

腾讯云数据库服务器是腾讯云提供的一种数据库产品，主要提供MySQL、SQL Server、PostgreSQL、Redis、MongoDB等多种数据库服务，为用户提供便捷可靠的数据库服务。腾讯云数据库服务可以帮助用户快速构建高可用、高性能的数据库环境，支持十种数据库语言，可以满足多种垂直领域的需求，让用户体验更好。腾讯云数据库服务还支持一键快速创建、可靠的备份，支持的数据库服务器还支持高可用性、安全性、负载均衡等功能。

云数据库的服务器地址取决于所使用的云服务提供商，例如：

Amazon Web Services：RDS 数据库实例的服务器地址可在 Amazon RDS 控制台中找到。

Microsoft Azure：Azure 数据库服务器的服务器地址可在 Azure 门户中找到。

Google Cloud Platform：GCP 数据库服务器的服务器地址可在 Cloud SQL 控制台中找到。