TechPrufer
Get started
Google
Google logoGoogle · Feature trail

Infinite Scroll Implementation

1 post · May 2009 – Feb 2014

What this trail covers

This feature thread tracks techniques for implementing infinite scroll on web pages, a common pattern for loading content dynamically as the user scrolls. It focuses on the client-side JavaScript implementation and considerations for performance and user experience. This post specifically details the implementation of autogrowing textareas within the context of Gmail for mobile HTML5, addressing how to dynamically adjust textarea height based on content.

All Google trails
  1. Crawling the infinite scroll- Google Developers BlogThis post details the client-side JavaScript implementation of infinite scroll, including techniques for detecting scroll position, making asynchronous requests for new content, and appending that content to the DOM. It also touches upon performance considerations and best practices for a smooth user experience.
  2. Designing an infinite digital bookcase- Google Developers BlogThis post introduces techniques for implementing infinite scroll on web pages, focusing on the client-side JavaScript implementation and considerations for performance and user experience.
  3. Gmail for Mobile HTML5 Series: Autogrowing Textareas- Google Developers BlogThis post details the implementation of autogrowing textareas for Gmail's mobile HTML5 interface. It explains how to dynamically adjust the height of a textarea element as the user types, ensuring that all content remains visible without manual scrolling within the textarea itself. This involves client-side JavaScript to monitor content changes and update the textarea's height accordingly.
  4. Gmail for Mobile HTML5 Series: Using Timers Effectively- Google Developers BlogThis post details the implementation of autogrowing textareas within the context of Gmail for mobile HTML5, addressing how to dynamically adjust textarea height based on content. It also discusses the use of timers effectively in mobile HTML5 development.
  5. Gmail for Mobile HTML5 Series: Suggestions for Better Performance- Google Developers BlogThis post details the implementation of autogrowing textareas within the context of Gmail for mobile HTML5, addressing how to dynamically adjust textarea height based on content. This is a specific client-side UI performance optimization for mobile web applications.
  7. Gmail for Mobile HTML5 Series: A Common API for Web Storage- Google Developers BlogIntroduces the implementation of autogrowing textareas within the context of Gmail for mobile HTML5, detailing how to dynamically adjust textarea height based on content.