diff --git a/app/assets/javascripts/access_tokens/components/access_token_table_app.vue b/app/assets/javascripts/access_tokens/components/access_token_table_app.vue
index db6ee149b228b89465695807aac0d0a0eb547eea..3256a542d4b7ee980ecf638e14a07e91948a42b7 100644
--- a/app/assets/javascripts/access_tokens/components/access_token_table_app.vue
+++ b/app/assets/javascripts/access_tokens/components/access_token_table_app.vue
@@ -6,6 +6,7 @@ import {
   convertObjectPropsToCamelCase,
   normalizeHeaders,
   parseIntPagination,
+  scrollTo,
 } from '~/lib/utils/common_utils';
 import { __, s__, sprintf } from '~/locale';
 import DomElementListener from '~/vue_shared/components/dom_element_listener.vue';
@@ -246,7 +247,7 @@ export default {
         this.currentPage = newPage;
         this.page = newPage;
       }
-      window.scrollTo({ top: 0 });
+      scrollTo({ top: 0 }, this.$refs.rootElement);
     },
   },
 };
@@ -254,7 +255,7 @@ export default {
 
 <template>
   <dom-element-listener :selector="$options.FORM_SELECTOR" @[$options.EVENT_SUCCESS]="onSuccess">
-    <div>
+    <div ref="root-element">
       <div>
         <gl-table
           data-testid="active-tokens"
diff --git a/app/assets/javascripts/ci/pipeline_editor/pipeline_editor_app.vue b/app/assets/javascripts/ci/pipeline_editor/pipeline_editor_app.vue
index f8e6862a817e0c9a4713f092b886329aaaca9035..b82b14b2cd96823e4c6529f0608a75cd26c09384 100644
--- a/app/assets/javascripts/ci/pipeline_editor/pipeline_editor_app.vue
+++ b/app/assets/javascripts/ci/pipeline_editor/pipeline_editor_app.vue
@@ -4,6 +4,7 @@ import { debounce } from 'lodash';
 import { fetchPolicies } from '~/lib/graphql';
 import { DEFAULT_DEBOUNCE_AND_THROTTLE_MS } from '~/lib/utils/constants';
 import { mergeUrlParams, queryToObject, visitUrl } from '~/lib/utils/url_utility';
+import { scrollTo } from '~/lib/utils/common_utils';
 import { __, s__ } from '~/locale';
 import ConfirmUnsavedChangesDialog from './components/ui/confirm_unsaved_changes_dialog.vue';
 import PipelineEditorEmptyState from './components/ui/pipeline_editor_empty_state.vue';
@@ -297,10 +298,10 @@ export default {
       this.showFailure = true;
       this.failureType = type;
       this.failureReasons = reasons;
-      window.scrollTo({ top: 0, behavior: 'smooth' });
+      scrollTo({ top: 0, behavior: 'smooth' }, this.$el);
     },
     reportSuccess(type) {
-      window.scrollTo({ top: 0, behavior: 'smooth' });
+      scrollTo({ top: 0, behavior: 'smooth' }, this.$el);
       const { success } = this.$options;
       this.$toast.show(success[type] ?? success[DEFAULT_SUCCESS]);
     },
diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
index 6a09ec1b6dc31947dfbbf225b0400c19e87567e3..f1739bcd71e28ac728d0a3de8388dae782a3e236 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
@@ -24,6 +24,7 @@ import AccessorUtils from '~/lib/utils/accessor';
 import { __ } from '~/locale';
 import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue';
 import { joinPaths } from '~/lib/utils/url_utility';
+import { scrollTo } from '~/lib/utils/common_utils';
 import {
   trackErrorListViewsOptions,
   trackErrorStatusUpdateOptions,
@@ -230,7 +231,7 @@ export default {
       this.fetchPaginatedResults(this.pagination.previous.cursor);
     },
     goToPage(page) {
-      window.scrollTo(0, 0);
+      scrollTo({ top: 0, left: 0 }, this.$el);
       return page === this.$options.PREV_PAGE ? this.goToPrevPage() : this.goToNextPage();
     },
     isCurrentSortField(field) {
diff --git a/app/assets/javascripts/groups/components/app.vue b/app/assets/javascripts/groups/components/app.vue
index de1d0acb36842cd6feefff44b06a775d4e8e16c0..b29756d8068da3ee2e017b4cbdeb6e6df78344a6 100644
--- a/app/assets/javascripts/groups/components/app.vue
+++ b/app/assets/javascripts/groups/components/app.vue
@@ -3,6 +3,7 @@ import { GlLoadingIcon, GlModal } from '@gitlab/ui';
 import { createAlert } from '~/alert';
 import { HTTP_STATUS_FORBIDDEN } from '~/lib/utils/http_status';
 import { mergeUrlParams, getParameterByName } from '~/lib/utils/url_utility';
+import { scrollTo } from '~/lib/utils/common_utils';
 import { __, s__, sprintf } from '~/locale';
 
 import { COMMON_STR, ACTIVE_TAB_INACTIVE } from '../constants';
@@ -106,7 +107,7 @@ export default {
         })
         .catch(() => {
           this.isLoading = false;
-          window.scrollTo({ top: 0, behavior: 'smooth' });
+          scrollTo({ top: 0, behavior: 'smooth' }, this.$el);
 
           createAlert({ message: COMMON_STR.FAILURE });
         });
@@ -149,7 +150,7 @@ export default {
         updatePagination: true,
       }).then((res) => {
         this.isLoading = false;
-        window.scrollTo({ top: 0, behavior: 'smooth' });
+        scrollTo({ top: 0, behavior: 'smooth' }, this.$el);
 
         const currentPath = mergeUrlParams({ page }, window.location.href);
         window.history.replaceState(
@@ -194,7 +195,7 @@ export default {
       this.service
         .leaveGroup(this.targetGroup.leavePath)
         .then((res) => {
-          window.scrollTo({ top: 0, behavior: 'smooth' });
+          scrollTo({ top: 0, behavior: 'smooth' }, this.$el);
           this.store.removeGroup(this.targetGroup, this.targetParentGroup);
           this.$toast.show(res.data.notice);
         })
diff --git a/app/assets/javascripts/lib/utils/common_utils.js b/app/assets/javascripts/lib/utils/common_utils.js
index 0319054b7eb297b478fd4b344197709831dc436a..01d7861d34c3e62f9a92d43b69cc7fc15ec59f94 100644
--- a/app/assets/javascripts/lib/utils/common_utils.js
+++ b/app/assets/javascripts/lib/utils/common_utils.js
@@ -229,6 +229,10 @@ export const contentTop = () => {
   }, 0);
 };
 
+/**
+ * @param {Element} element The element to find the parent panel scrolling element for.
+ * @returns {Element | null}
+ */
 export const findParentPanelScrollingEl = (element) => {
   if (!element) return null;
   const staticPanel = element.closest('.js-static-panel');
@@ -242,6 +246,15 @@ export const findParentPanelScrollingEl = (element) => {
   return null;
 };
 
+/**
+ * @param {ScrollToOptions} options The options to pass to Element.scrollTo
+ * @param {Element} element The element to use when searching for the correct scrolling element
+ */
+export const scrollTo = (options, element) => {
+  const scroller = findParentPanelScrollingEl(element) || window;
+  scroller.scrollTo(options);
+};
+
 /**
  * Scrolls to the top of a particular element.
  *
diff --git a/app/assets/javascripts/profile/edit/components/profile_edit_app.vue b/app/assets/javascripts/profile/edit/components/profile_edit_app.vue
index 5070c90886898481cdca47d516fb18bd9293a86f..dcc3fc78841858d3a84284f359ee0a1cbf4b851a 100644
--- a/app/assets/javascripts/profile/edit/components/profile_edit_app.vue
+++ b/app/assets/javascripts/profile/edit/components/profile_edit_app.vue
@@ -3,7 +3,7 @@ import { nextTick } from 'vue';
 import { GlForm, GlButton, GlFormGroup } from '@gitlab/ui';
 import { VARIANT_DANGER, VARIANT_INFO, createAlert } from '~/alert';
 import axios from '~/lib/utils/axios_utils';
-import { convertObjectPropsToSnakeCase } from '~/lib/utils/common_utils';
+import { convertObjectPropsToSnakeCase, scrollTo } from '~/lib/utils/common_utils';
 import SetStatusForm from '~/set_status_modal/set_status_form.vue';
 import SettingsSection from '~/vue_shared/components/settings/settings_section.vue';
 import TimezoneDropdown from '~/vue_shared/components/timezone_dropdown/timezone_dropdown.vue';
@@ -117,7 +117,7 @@ export default {
         });
 
         nextTick(() => {
-          window.scrollTo(0, 0);
+          scrollTo({ top: 0, left: 0 }, this.$el);
           this.uploadingProfile = false;
         });
       } catch (e) {
diff --git a/app/assets/javascripts/vue_shared/access_tokens/components/access_tokens.vue b/app/assets/javascripts/vue_shared/access_tokens/components/access_tokens.vue
index 6fbd42cbe91a2e8836d2f1a681973f4c004420b9..a5b7ef9b3405d72a13670250abeb24fcc22d1891 100644
--- a/app/assets/javascripts/vue_shared/access_tokens/components/access_tokens.vue
+++ b/app/assets/javascripts/vue_shared/access_tokens/components/access_tokens.vue
@@ -2,6 +2,7 @@
 import { GlButton, GlFilteredSearch, GlPagination, GlSorting } from '@gitlab/ui';
 import { mapActions, mapState } from 'pinia';
 import PageHeading from '~/vue_shared/components/page_heading.vue';
+import { scrollTo } from '~/lib/utils/common_utils';
 import { FILTER_OPTIONS, SORT_OPTIONS } from '~/access_tokens/constants';
 import { initializeValuesFromQuery } from '~/access_tokens/utils';
 
@@ -107,7 +108,7 @@ export default {
       this.setPage(page);
       this.$router.push({ query: this.urlParams });
       await this.fetchTokens();
-      window.scrollTo({ top: 0 });
+      scrollTo({ top: 0 }, this.$el);
     },
     async handlePopState() {
       const { filters, page, sorting } = initializeValuesFromQuery();
@@ -115,7 +116,7 @@ export default {
       this.setPage(page);
       this.setSorting(sorting);
       await this.fetchTokens();
-      window.scrollTo({ top: 0 });
+      scrollTo({ top: 0 }, this.$el);
     },
     handleSortChange(value) {
       this.setSorting({ value, isAsc: this.sorting.isAsc });
diff --git a/ee/app/assets/javascripts/ai/duo_agents_platform/pages/flow_triggers/components/flow_trigger_form.vue b/ee/app/assets/javascripts/ai/duo_agents_platform/pages/flow_triggers/components/flow_trigger_form.vue
index 5c777099e9e6ac53ad3cc11bd24856cc8921f440..5268a28b6f2a03eae93d0dbbd2bef4e8f207d071 100644
--- a/ee/app/assets/javascripts/ai/duo_agents_platform/pages/flow_triggers/components/flow_trigger_form.vue
+++ b/ee/app/assets/javascripts/ai/duo_agents_platform/pages/flow_triggers/components/flow_trigger_form.vue
@@ -11,6 +11,7 @@ import {
 } from '@gitlab/ui';
 import { s__ } from '~/locale';
 import { convertToGraphQLId } from '~/graphql_shared/utils';
+import { scrollTo } from '~/lib/utils/common_utils';
 import { TYPENAME_PROJECT } from '~/graphql_shared/constants';
 import UserSelect from '~/vue_shared/components/user_select/user_select.vue';
 import ErrorsAlert from '~/vue_shared/components/errors_alert.vue';
@@ -173,11 +174,14 @@ export default {
       if (newValue.length === 0) {
         return;
       }
-      window.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: 'smooth',
-      });
+      scrollTo(
+        {
+          top: 0,
+          left: 0,
+          behavior: 'smooth',
+        },
+        this.$el,
+      );
     },
   },
   methods: {
diff --git a/ee/app/assets/javascripts/arkose_labs/components/sign_up_arkose_app.vue b/ee/app/assets/javascripts/arkose_labs/components/sign_up_arkose_app.vue
index 9494d2023006f1e58684d521cca62e4e471528f6..16775113a3db1fd16b829560c2752db35e7e0885 100644
--- a/ee/app/assets/javascripts/arkose_labs/components/sign_up_arkose_app.vue
+++ b/ee/app/assets/javascripts/arkose_labs/components/sign_up_arkose_app.vue
@@ -3,6 +3,7 @@ import { uniqueId } from 'lodash';
 import { logError } from '~/lib/logger';
 import { createAlert } from '~/alert';
 import DomElementListener from '~/vue_shared/components/dom_element_listener.vue';
+import { scrollTo } from '~/lib/utils/common_utils';
 import { initArkoseLabsChallenge } from '../init_arkose_labs';
 import {
   VERIFICATION_LOADING_MESSAGE,
@@ -76,7 +77,7 @@ export default {
       }
 
       this.errorAlert = createAlert({ message });
-      window.scrollTo({ top: 0 });
+      scrollTo({ top: 0 }, this.$el);
     },
     onArkoseLabsIframeShown() {
       this.arkoseLabsIframeShown = true;
diff --git a/ee/app/assets/javascripts/environments_dashboard/components/dashboard/dashboard.vue b/ee/app/assets/javascripts/environments_dashboard/components/dashboard/dashboard.vue
index bd6cb75587cdc0cc7c1bfdd9c9b4b5d0ba1c8880..e46274ace99f15eef7be3fd48ee6ec5471c811e3 100644
--- a/ee/app/assets/javascripts/environments_dashboard/components/dashboard/dashboard.vue
+++ b/ee/app/assets/javascripts/environments_dashboard/components/dashboard/dashboard.vue
@@ -13,6 +13,7 @@ import {
 import { isEmpty } from 'lodash';
 // eslint-disable-next-line no-restricted-imports
 import { mapState, mapActions } from 'vuex';
+import { scrollTo } from '~/lib/utils/common_utils';
 import { __, s__ } from '~/locale';
 import ProjectSelector from '~/vue_shared/components/project_selector/project_selector.vue';
 import PageHeading from '~/vue_shared/components/page_heading.vue';
@@ -117,7 +118,7 @@ export default {
   },
   watch: {
     currentPage() {
-      window.scrollTo(0, 0);
+      scrollTo({ top: 0, left: 0 }, this.$el);
     },
   },
   created() {
diff --git a/ee/app/assets/javascripts/vulnerabilities/components/new_vulnerability/new_vulnerability.vue b/ee/app/assets/javascripts/vulnerabilities/components/new_vulnerability/new_vulnerability.vue
index a850369e0aedb5c0673c5931b156261d06275ffa..ff3fef204fa7a6f3461e515aeb64b1ec8167f3f9 100644
--- a/ee/app/assets/javascripts/vulnerabilities/components/new_vulnerability/new_vulnerability.vue
+++ b/ee/app/assets/javascripts/vulnerabilities/components/new_vulnerability/new_vulnerability.vue
@@ -3,6 +3,7 @@ import { GlForm, GlButton, GlAlert } from '@gitlab/ui';
 import * as Sentry from '~/sentry/sentry_browser_wrapper';
 import { s__, __ } from '~/locale';
 import { convertToGraphQLId } from '~/graphql_shared/utils';
+import { scrollTo } from '~/lib/utils/common_utils';
 import { TYPENAME_PROJECT } from '~/graphql_shared/constants';
 import { visitUrl } from '~/lib/utils/url_utility';
 import createVulnerabilityMutation from 'ee/security_dashboard/graphql/mutations/vulnerability_create.mutation.graphql';
@@ -58,7 +59,7 @@ export default {
   methods: {
     scrollTop() {
       this.$nextTick(() => {
-        window.scrollTo({ top: 0, behavior: 'smooth' });
+        scrollTo({ top: 0, behavior: 'smooth' }, this.$el);
       });
     },
 
diff --git a/spec/frontend/error_tracking/components/error_tracking_list_spec.js b/spec/frontend/error_tracking/components/error_tracking_list_spec.js
index 37c788387fc2fe4d504658aeb8ddab6b44d3af43..876885a01f6374fa05e94a791d337180bada0021 100644
--- a/spec/frontend/error_tracking/components/error_tracking_list_spec.js
+++ b/spec/frontend/error_tracking/components/error_tracking_list_spec.js
@@ -539,7 +539,7 @@ describe('ErrorTrackingList', () => {
         it('fetches the next page of results', () => {
           window.scrollTo = jest.fn();
           findPagination().vm.$emit('input', 2);
-          expect(window.scrollTo).toHaveBeenCalledWith(0, 0);
+          expect(window.scrollTo).toHaveBeenCalledWith({ top: 0, left: 0 });
           expect(actions.fetchPaginatedResults).toHaveBeenCalled();
           expect(actions.fetchPaginatedResults).toHaveBeenLastCalledWith(
             expect.anything(),
diff --git a/spec/frontend/lib/utils/common_utils_spec.js b/spec/frontend/lib/utils/common_utils_spec.js
index 5864c76cbdd9276d0ee3e00415fe04a02bf26c95..01b4e59304a967d7fbbdb6f35bd98cb230f495c5 100644
--- a/spec/frontend/lib/utils/common_utils_spec.js
+++ b/spec/frontend/lib/utils/common_utils_spec.js
@@ -1,5 +1,16 @@
 import * as commonUtils from '~/lib/utils/common_utils';
 
+const makePanelHtmlStub = (
+  outerClass = 'js-static-panel',
+  innerClass = 'js-static-panel-inner',
+) => {
+  return `<div class="${outerClass}">
+    <div class="${innerClass}" id="scroller">
+      <div id="test" />
+    </div>
+  </div>`;
+};
+
 describe('common_utils', () => {
   describe('getPagePath', () => {
     const { getPagePath } = commonUtils;
@@ -254,6 +265,28 @@ describe('common_utils', () => {
     });
   });
 
+  describe('scrollTo', () => {
+    describe('when inside a panel', () => {
+      it('calls `scrollTo` on the panel', () => {
+        document.body.innerHTML = makePanelHtmlStub();
+        const target = document.getElementById('test');
+        const scroller = document.getElementById('scroller');
+        const scrollerSpy = jest.spyOn(scroller, 'scrollTo');
+
+        commonUtils.scrollTo({ top: 0 }, target);
+
+        expect(scrollerSpy).toHaveBeenCalledWith({ top: 0 });
+      });
+    });
+    describe('when not inside a panel', () => {
+      it('calls `scrollTo` on the window', () => {
+        const spy = jest.spyOn(window, 'scrollTo');
+        commonUtils.scrollTo({ top: 0 }, document.body);
+        expect(spy).toHaveBeenCalledWith({ top: 0 });
+      });
+    });
+  });
+
   describe('findParentPanelScrollingEl', () => {
     afterEach(() => {
       document.body.innerHTML = '';
@@ -270,13 +303,7 @@ describe('common_utils', () => {
         ${'static'}  | ${'js-static-panel'}  | ${'js-static-panel-inner'}
         ${'dynamic'} | ${'js-dynamic-panel'} | ${'js-dynamic-panel-inner'}
       `('returns $panelType panel inner element', ({ panelClass, innerClass }) => {
-        document.body.innerHTML = `
-        <div class="${panelClass}">
-          <div class="${innerClass}">
-            <div id="test" />
-          </div>
-        </div>
-      `;
+        document.body.innerHTML = makePanelHtmlStub(panelClass, innerClass);
 
         const element = document.getElementById('test');
         const inner = document.querySelector(`.${innerClass}`);