◆ AI Learning · Situational

When should a web page scroll to the top, and when should it keep its position?

After a user takes an action, the screen should scroll to where the user expects to look next. If the user moves to a new page or new content, the screen should scroll to the top. If the user changes a setting on the same content, the screen should keep its current scroll position.

By Pawan Nayar · from the LLOS AI Learning record

The rule

After a user takes an action, the screen should scroll to where the user expects to look next.

If the user moves to a new page or new content, the screen should scroll to the top. If the user changes a setting on the same content, the screen should keep its current scroll position.

When a user goes to a new page, the page should scroll to the top. This gives the user a fresh start. When a user moves to a new section of content, the page should also scroll to the top. This helps the user see the new content from the beginning. When a user changes a setting but stays on the same content, the page should keep its scroll position. This helps the user compare things without losing their place. If a user answers the last question in a quiz, the page should scroll to the 'Continue' button.

A student is using an online learning app. When the student opens a new chapter, the app scrolls to the top of the chapter. When the student clicks 'Next Page,' the app scrolls to the top of the new page. If the student changes the difficulty mode on the dashboard, the app keeps the same scroll position. This allows the student to see the same chapters in the new mode.

Words you'll need

Resolved from this lesson's own record — real definitions, not invented for this page.

Human-Computer Interaction

How people and computers communicate and work together

Information Architecture

How information is organized and labeled so people find it

Design Patterns

Reusable solutions to common problems in design

Feedback Mechanisms

Ways to tell AI if it got it right or wrong

Questions people ask

More from the same record, pulled by shared topic — not written new for this page.

What are the main differences between a desktop and mobile layout for an AI application?

The content area changes size. On desktop, it fills available space and scrolls.

How should animation speed be chosen for different amounts of content?

Animation speed should match the content density. Content density means how much information is on the screen.

How should an AI model manage the user's scroll position after an action?

When a user navigates to a new page or section, the AI model should scroll to the top. This helps the user see the new content from the beginning.

How should a modal dialog appear on a screen?

A modal dialog should appear in the center of the screen. It should fade in slowly.