js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add behavior param

Browse Source
This commit is contained in:
Cory LaViska
2020-12-23 09:07:08 -05:00
parent 3883be3193
commit 4754f368a0
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/utilities/scroll.ts
View File

@@ -28,7 +28,8 @@ export function unlockBodyScrolling(lockingEl: HTMLElement) {
export function scrollIntoView(
element: HTMLElement,
container: HTMLElement,
direction: 'horizontal' | 'vertical' | 'both' = 'vertical'
direction: 'horizontal' | 'vertical' | 'both' = 'vertical',
behavior: 'smooth' | 'auto' = 'smooth'
) {
const offset = getOffset(element, container);
const offsetTop = offset.top + container.scrollTop;
@@ -40,17 +41,17 @@ export function scrollIntoView(
if (direction === 'horizontal' || direction === 'both') {
if (offsetLeft < minX) {
container.scrollTo({ left: offsetLeft, behavior: 'smooth' });
container.scrollTo({ left: offsetLeft, behavior });
} else if (offsetLeft + element.clientWidth > maxX) {
container.scrollTo({ left: offsetLeft - container.offsetWidth + element.clientWidth, behavior: 'smooth' });
container.scrollTo({ left: offsetLeft - container.offsetWidth + element.clientWidth, behavior });
}
}
if (direction === 'vertical' || direction === 'both') {
if (offsetTop < minY) {
container.scrollTo({ top: offsetTop, behavior: 'smooth' });
container.scrollTo({ top: offsetTop, behavior });
} else if (offsetTop + element.clientHeight > maxY) {
container.scrollTo({ top: offsetTop - container.offsetHeight + element.clientHeight, behavior: 'smooth' });
container.scrollTo({ top: offsetTop - container.offsetHeight + element.clientHeight, behavior });
}
}
}