javascript - 如何使用静态 block 实现整页滚动？

Question

我想在这个页面上创建画廊 block :https://www.aloyoga.com/collections/sale/products/w9173r-ambient-bra-s当页面在中间滚动时，我无法意识到如何使描述为静态的 block ，而当我们在顶部或底部滚动时，如何使描述 block 不是静态的。我正在为此寻找任何想法或已实现的插件(不仅是 woocommerce，纯 js 也可以)。

Answer 1

如果您知道如何编辑主题的 CSS，您可以在描述的 style 中添加以下行

{position : sticky;
top : 20px;
right : 20px;
}

尝试使用 top : 和 right : 来调整 Description 的location。