jyapayne/docsify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(event): scroll active sidebar

Browse source
This commit is contained in:
qingwei.li 2017-02-11 09:22:39 +08:00 • committed by cinwell.li
commit 50f5fc2b22
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/event.js
View file

@ -10,6 +10,7 @@ export function scrollActiveSidebar () {
let hoveredOverSidebar = false let hoveredOverSidebar = false
const anchors = document.querySelectorAll('.anchor') const anchors = document.querySelectorAll('.anchor')
const sidebar = document.querySelector('.sidebar') const sidebar = document.querySelector('.sidebar')
const sidebarContainer = sidebar.querySelector('.sidebar-nav')
const sidebarHeight = sidebar.clientHeight const sidebarHeight = sidebar.clientHeight
const nav = {} const nav = {}
@ -57,12 +58,12 @@ export function scrollActiveSidebar () {
const currentPageOffset = 0 const currentPageOffset = 0
const currentActiveOffset = active.offsetTop + active.clientHeight + 40 const currentActiveOffset = active.offsetTop + active.clientHeight + 40
const currentActiveIsInView = ( const currentActiveIsInView = (
active.offsetTop >= sidebar.scrollTop && active.offsetTop >= sidebarContainer.scrollTop &&
currentActiveOffset <= sidebar.scrollTop + sidebarHeight currentActiveOffset <= sidebarContainer.scrollTop + sidebarHeight
) )
const linkNotFurtherThanSidebarHeight = currentActiveOffset - currentPageOffset < sidebarHeight const linkNotFurtherThanSidebarHeight = currentActiveOffset - currentPageOffset < sidebarHeight
const newScrollTop = currentActiveIsInView const newScrollTop = currentActiveIsInView
? sidebar.scrollTop ? sidebarContainer.scrollTop
: linkNotFurtherThanSidebarHeight : linkNotFurtherThanSidebarHeight
? currentPageOffset ? currentPageOffset
: currentActiveOffset - sidebarHeight : currentActiveOffset - sidebarHeight