Infinite Scroll Place Markers for Stable GUI Rendering
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Web browsers inaccurately reflect the full length of web pages with many embedded objects, as the scroll bar only accounts for the portion of the page that is initially rendered, leading to changes in scroll bar size and location as new objects are loaded, affecting user experience and rendering speed.
Innovation Solution
Implementing place markers within structured documents that include attributes to determine the full size of the document, allowing incremental retrieval of embedded objects in response to user input, thereby maintaining a stable scroll bar representation even as new objects are added.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If incremental retrieval of embedded objects is implemented, then loading speed is improved, but scroll bar accuracy deteriorates
Solution Approach 1:
The patent applies preliminary action by pre-defining place markers with predetermined dimensions in the HTML document structure before the embedded objects are actually loaded. These place markers reserve the spatial footprint of future objects, allowing the browser to calculate the complete document dimensions upfront. This enables the scroll bar to be accurately configured in advance, preventing subsequent changes when objects are incrementally loaded, thus resolving the contradiction between fast incremental loading and accurate scroll bar representation.
2Measurement precision
If all embedded objects are rendered initially, then scroll bar accuracy is improved, but rendering speed deteriorates
Solution Approach 1:
The patent applies segmentation by dividing the embedded objects into two categories: those with known dimensions that can be immediately rendered, and those with unknown dimensions that use place markers. This segmentation allows the browser to render only the necessary portion of the document initially (improving loading speed) while still maintaining accurate scroll bar representation through the predetermined dimensions of place markers. The approach selectively processes objects based on their dimension availability, optimizing both performance and accuracy.
Data Source
AI summary
In one embodiment, a computing device may receive a structured document that includes a list of markers and place-marker elements corresponding to data objects of the structured document. Each marker in the list of markers corresponds to a subset of the place-marker elements. Without loading all the data objects, the device may determine a size of a scroll bar for a GUI based on size information associated with the place-marker elements. In response to detecting a scroll or resize event, an event handler may identify at least one marker in the list of markers whose corresponding subset of place-maker elements is within a portion of the structured document that is viewable through the graphical user interface. The handler may load the data objects corresponding to the subset of the place-marker elements corresponding to the identified marker. The identified marker may then be removed from the list of markers.