zhuyijun/vuepress-theme-reco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #162 from zpj80231/patch-1

Browse Source 
fix the sidebar title of beyond the current window that it follows th…
This commit is contained in:
reco_luan 2020-04-05 22:51:17 +08:00 committed by GitHub
commit 46756fb526
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/vuepress-theme-reco/components/SidebarLinks.vue
View File

@ -52,8 +52,33 @@ export default {
this.refreshIndex()
}
},
mounted() {
this.isInViewPortOfOne()
},
updated: function () {
this.isInViewPortOfOne()
},
methods: {
isInViewPortOfOne () {
let siderbarScroll = document.getElementsByClassName("sidebar")[0]
let el = document.getElementsByClassName("active sidebar-link")[1]
if (el ==null || el.offsetTop == undefined) {
el = document.getElementsByClassName("active sidebar-link")[0]
}
if (el ==null || el.offsetTop == undefined) return
const viewPortHeight = siderbarScroll.clientHeight || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
let offsetBottom = el.offsetTop + el.offsetHeight
let scrollTop = siderbarScroll.scrollTop
let isView = (offsetBottom <= viewPortHeight + scrollTop)
if (!isView) {
siderbarScroll.scrollTop = (offsetBottom+5 - viewPortHeight)
}
},
refreshIndex () {
const index = resolveOpenGroupIndex(
this.$route,