vuepress-theme-reco icon indicating copy to clipboard operation
vuepress-theme-reco copied to clipboard

右侧子菜单不会随着滚动条滚动

Open maicFir opened this issue 2 years ago • 5 comments

  • 当我添加子菜单后,右侧显示子菜单了,但是子菜单并不是fixed固定在最右侧,内容滑到最底部,右侧子菜单始终在最顶部
  • 我用的主题版本是
  "devDependencies": {
    "vuepress-theme-reco": "^1.6.15"
  }

themeConfig.js

import { DefaultThemeConfig } from 'vuepress/config';
import nav from './navConfig';
import { sidebar } from './slidebar';
interface themeConfigExtends {
  subSidebar: string;
  author: string;
}
const themeConfig: DefaultThemeConfig & themeConfigExtends = {
  nav,
  sidebar,
  smoothScroll: true,
  subSidebar: 'auto', // 打开子侧边栏
  sidebarDepth: 4,
  author: 'Maic'
};
export default themeConfig;

maicFir avatar Jul 18 '22 03:07 maicFir

找到原因了,由于默认父级元素设置transform: translateY(0px)产生堆叠上下文,导致fixed设置失效

maicFir avatar Jul 18 '22 06:07 maicFir

大佬 我也有这个问题 这样怎么解决啊

zstu0210 avatar Aug 02 '22 07:08 zstu0210

大佬 我也有这个问题 这样怎么解决啊

f12审核右侧子菜单,把子菜单设置的transform改成none就可以了,主要原因是transform设置导致fixed失效了

maicFir avatar Aug 02 '22 07:08 maicFir

大佬 我也有这个问题 这样怎么解决啊

f12审核右侧子菜单,把子菜单设置的transform改成none就可以了,主要原因是transform设置导致fixed失效了

大佬问下为啥项目部署到gitee之后为什么同样有transform属性,却不会有堆叠上下文的问题呢

JuHuaYiJing avatar Aug 15 '22 09:08 JuHuaYiJing

大佬 我也有这个问题 这样怎么解决啊

f12审核右侧子菜单,把子菜单设置的transform改成none就可以了,主要原因是transform设置导致fixed失效了

大佬问下为啥项目部署到gitee之后为什么同样有transform属性,却不会有堆叠上下文的问题呢

重置父级元素元素.page样式,将父级元素main标签的内联样式覆盖,参考palette.styl

maicFir avatar Aug 15 '22 14:08 maicFir

大佬 我也有这个问题 这样怎么解决啊

f12审核右侧子菜单,把子菜单设置的transform改成none就可以了,主要原因是transform设置导致fixed失效了

大佬问下为啥项目部署到gitee之后为什么同样有transform属性,却不会有堆叠上下文的问题呢

重置父级元素元素.page样式,将父级元素main标签的内联样式覆盖,参考palette.styl

image

image

设置这个css后问题仍存在,求解

yxzlwz avatar Jun 17 '23 07:06 yxzlwz