Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-08 06:55:26 +02:00
Code Issues Releases Activity

search adjusted

Browse source
This commit is contained in:
Umang G. Patel 2022-09-06 01:44:24 +05:30
parent cb1ce28211
commit 480f79d466
1 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/frontend/js/modules/sidebar.js
View file

@ -372,17 +372,29 @@ export default class Sidebar {
const parentSection = element.closest('section'); const parentSection = element.closest('section');
// check if it's visible. // check if it's visible.
const rect = parentSection.getBoundingClientRect(); const rect = parentSection.getBoundingClientRect();
const elemTop = rect.top; let elemTop = rect.top;
const elemBottom = rect.bottom; let elemBottom = rect.bottom;
const halfOfViewport = window.innerHeight / 2;
const scrollTop = this.nodes.sidebarContent.scrollTop;
// scroll top if item is not visible. // scroll top if item is not visible.
if (elemTop < HEADER_HEIGHT) { if (elemTop < HEADER_HEIGHT) {
// scroll half viewport up.
const nextTop = scrollTop - halfOfViewport;
// check if element visible after scroll.
elemTop = (elemTop + nextTop) < HEADER_HEIGHT ? elemTop : nextTop;
this.nodes.sidebarContent.scroll({ this.nodes.sidebarContent.scroll({
top: elemTop, top: elemTop,
behavior: 'smooth', behavior: 'smooth',
}); });
} else if (elemBottom > window.innerHeight) { } else if (elemBottom > window.innerHeight) {
// scroll bottom if item is not visible. // scroll bottom if item is not visible.
// scroll half viewport down.
const nextDown = halfOfViewport + scrollTop;
// check if element visible after scroll.
elemBottom = (elemBottom - nextDown) > window.innerHeight ? elemBottom : nextDown;
this.nodes.sidebarContent.scroll({ this.nodes.sidebarContent.scroll({
top: elemBottom, top: elemBottom,
behavior: 'smooth', behavior: 'smooth',