vuepress-theme-reco
vuepress-theme-reco copied to clipboard
右侧子菜单不会随着滚动条滚动
- 当我添加子菜单后,右侧显示子菜单了,但是子菜单并不是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;
找到原因了,由于默认父级元素设置transform: translateY(0px)
产生堆叠上下文,导致fixed设置失效
大佬 我也有这个问题 这样怎么解决啊
大佬 我也有这个问题 这样怎么解决啊
f12审核右侧子菜单,把子菜单设置的transform改成none就可以了,主要原因是transform设置导致fixed失效了
大佬 我也有这个问题 这样怎么解决啊
f12审核右侧子菜单,把子菜单设置的transform改成none就可以了,主要原因是transform设置导致fixed失效了
大佬问下为啥项目部署到gitee之后为什么同样有transform属性,却不会有堆叠上下文的问题呢
大佬 我也有这个问题 这样怎么解决啊
f12审核右侧子菜单,把子菜单设置的transform改成none就可以了,主要原因是transform设置导致fixed失效了
大佬问下为啥项目部署到gitee之后为什么同样有transform属性,却不会有堆叠上下文的问题呢
重置父级元素元素.page
样式,将父级元素main
标签的内联样式覆盖,参考palette.styl
大佬 我也有这个问题 这样怎么解决啊
f12审核右侧子菜单,把子菜单设置的transform改成none就可以了,主要原因是transform设置导致fixed失效了
大佬问下为啥项目部署到gitee之后为什么同样有transform属性,却不会有堆叠上下文的问题呢
重置父级元素元素
.page
样式,将父级元素main
标签的内联样式覆盖,参考palette.styl
设置这个css后问题仍存在,求解