blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(doc): sidebar covers nav when scrolling (#11468)

Browse Source
This commit is contained in:
wChenonly 2023-01-14 21:50:07 +08:00 committed by GitHub
parent 92d622aa82
commit 13629b2070
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant-cli/site/desktop/components/Header.vue
View File

@ -172,6 +172,8 @@ export default {
width: 100%;
background-color: var(--van-doc-header-background);
user-select: none;
position: relative;
z-index: 2;
&__top {
display: flex;

22
packages/vant-cli/site/desktop/components/Nav.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="van-doc-nav" :style="style">
<div :class="['van-doc-nav', { 'van-doc-nav-fixed': isFixed }]">
<div
v-for="(group, index) in navConfig"
class="van-doc-nav__group"
@ -38,19 +38,11 @@ export default {
data() {
return {
top: 64,
bottom: 0,
isFixed: false,
};
},
computed: {
style() {
return {
top: this.top + 'px',
bottom: this.bottom + 'px',
};
},
base() {
return this.lang ? `/${this.lang}/` : '/';
},
@ -64,7 +56,7 @@ export default {
methods: {
onScroll() {
const { pageYOffset: offset } = window;
this.top = Math.max(0, 64 - offset);
this.isFixed = offset > 64;
},
},
};
@ -72,8 +64,10 @@ export default {
<style lang="less">
.van-doc-nav {
position: fixed;
position: absolute;
left: 0;
top: var(--van-doc-header-top-height);
bottom: 0;
z-index: 1;
min-width: var(--van-doc-nav-width);
max-width: var(--van-doc-nav-width);
@ -86,6 +80,10 @@ export default {
margin-left: calc((var(--van-doc-row-max-width) / 2 * -1));
}
&.van-doc-nav-fixed {
position: fixed;
top: 0;
}
&::-webkit-scrollbar {
width: 6px;
height: 6px;