css - 在 WordPress WooCommerce 商店中创建固定侧边栏(不滚动)

Question

我在这里设置了一个 WooCommerce 网站:http://museiam.ca/shop/

我正在尝试固定左侧边栏，这样它就不会滚动并保持在固定位置。本质上，只有产品包装器会滚动。我还希望菜单 float 在页面中间附近(垂直)，这样它既不靠近页面顶部也不靠近页面底部。

欢迎任何有关如何执行此操作的意见。我尝试了以下但没有成功:

.widget woocommerce widget_product_categories {
position:fixed !important;
}

感谢大家的阅读。

Answer 1

试试这个

.widget_product_categories {
  position: fixed;
  width: 180px; // to make sure, the container keep it's width
}

在 Chrome 中测试和工作