post 中的粘性侧边栏不起作用（顺风）

Question

我正在寻找类似于 this 的东西如您所见，当您滚动时，侧边栏会跟随您。

这是我的代码，我无法让它工作：

<template>
    <div class="blog-post">
        <div class="wrapper">
            <aside class="sidebar">
                <div class="sidebar-wrapper">
                    <!--- Content -->
                </div>
            </aside>

            <main class="main-post">
                <!--- Content -->
            </main>
        </div>
    </div>
</template>


<style lang="postcss" scoped>
.blog-post {
    @apply container;
    .wrapper {
        @apply flex gap-x-10 mt-10;
        .sidebar {
            @apply relative h-screen w-3/12 col-span-3 justify-center;
            &-wrapper {
                @apply h-full space-y-4;
            }
        }

        .main-post {
            @apply w-9/12 space-y-4;
        }
    }
}
</style>

外观：

粉色的div，滚动的时候应该会一直往下，但是没有。

Answer 1

aside应该是sticky

在此处查看示例：https://play.tailwindcss.com/3AtWWNzmuF

post 中的粘性侧边栏不起作用（顺风）

sticky sidebar in a post not working (tailwind)

css

vue.js

nuxt.js

tailwind-css