fix(client): scroll not working on clicking an anchor in search box (#…

…2527)
vuejs · Jun 24, 2023 · c30e758 · c30e758
1 parent b2a129f
commit c30e758
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/src/client/app/router.ts b/src/client/app/router.ts
@@ -269,15 +269,21 @@ export function scrollTo(el: Element, hash: string, smooth = false) {
  offset +
  targetPadding
  // only smooth scroll if distance is smaller than screen height.
- if (!smooth || Math.abs(targetTop - window.scrollY) > window.innerHeight) {
- window.scrollTo(0, targetTop)
- } else {
- window.scrollTo({
- left: 0,
- top: targetTop,
- behavior: 'smooth'
- })
+ function scrollToTarget() {
+ if (
+ !smooth ||
+ Math.abs(targetTop - window.scrollY) > window.innerHeight
+ ) {
+ window.scrollTo(0, targetTop)
+ } else {
+ window.scrollTo({
+ left: 0,
+ top: targetTop,
+ behavior: 'smooth'
+ })
+ }
  }
+ requestAnimationFrame(scrollToTarget)
  }
 }