javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: initial scroll must always be multiple of content offset

Browse Source
This commit is contained in:
Tanner Reits
2024-10-15 17:35:47 -04:00
parent e26c8ff8ad
commit 95c5d1b86c
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
core/src/components/segment-view/segment-view.tsx
View File

@@ -42,11 +42,14 @@ export class SegmentView implements ComponentInterface {
@Listen('scroll')
handleScroll(ev: Event) {
const { initialScrollLeft, previousScrollLeft } = this;
const { previousScrollLeft } = this;
const { scrollLeft, offsetWidth } = ev.target as HTMLElement;
// Set initial scroll position if it's undefined
this.initialScrollLeft = initialScrollLeft ?? scrollLeft;
// Must be a multiple of the offset width
if (this.initialScrollLeft === undefined) {
this.initialScrollLeft = Math.round(scrollLeft / offsetWidth) * offsetWidth;
}
// Determine the scroll direction based on the previous scroll position
const scrollDirection = scrollLeft > previousScrollLeft ? 'right' : 'left';