بنقرة واحدة
infinite-scroll
Use when implementing loads additional content automatically as users scroll down.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Use when implementing loads additional content automatically as users scroll down.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Use when implementing help users understand their current location.
Use when implementing expand and collapse content sections.
Use when implementing user account configuration and preferences.
Use when implementing social activity and updates stream.
Use when implementing conversational AI chat interfaces.
Use when implementing handling AI-specific errors.
| name | infinite-scroll |
| description | Use when implementing loads additional content automatically as users scroll down. |
| metadata | {"id":"infinite-scroll","category":"navigation","pattern":"Infinite scroll","source":"uxpatterns.dev","url":"https://uxpatterns.dev/patterns/navigation/infinite-scroll","sourcePath":"apps/web/content/patterns/navigation/infinite-scroll.mdx"} |
Loads additional content automatically as users scroll down.
Infinite Scroll is a UI pattern that dynamically loads more content as users scroll down a page, eliminating the need for pagination or manual interaction. It provides a seamless browsing experience by continuously appending new items to the current view. This pattern is commonly used in social media feeds, search results, and content-heavy websites to keep users engaged without interruptions.
Use Infinite Scroll when you need to dynamically load more content as users scroll without requiring manual pagination. Common scenarios include:
references/pattern.md, then choose the smallest viable variation.Do's ✅
aria-live="polite").For full implementation detail, examples, and testing notes, see references/pattern.md.
Pattern page: https://uxpatterns.dev/patterns/navigation/infinite-scroll