ANIMATION EMULATING LIVE WEB PAGE CONTENT RESIZING

摘要

The embodiments disclosed herein describe ways that a browser application can smoothly animate changing (i.e., decreasing, increasing) web page content width upon opening or closing of a sidebar. Methods include the browser analyzing the web page layout to identify a dominant page portion or to determine whether a centered portion layout exists, temporarily obscuring the web page with a snapshot of the page, identifying the location and size of the dominant or centered portion on the web page, and using the information to make changes to the web page in a layer hidden behind the snapshot.

主权项

1. A computer-implemented method of animating web page content width resizing, the method comprising:
in response to a user action to display a sidebar on a web page, determining location and width information about a dominant page portion of the web page as displayed in a first layer of a visible display; capturing a snapshot of the web page as displayed in the first layer of the visible display; temporarily placing the snapshot of the web page as a second layer in front of the first layer in the visible display, the second layer obscuring the first layer such that it is no longer visible; updating the obscured first layer, comprising concurrently:
displaying the sidebar at a first side of the first layer; andadjusting the location of the dominant page portion in the obscured first layer to account for the width of the displayed sidebar; determining updated location information about the adjusted dominant page portion in the obscured first layer; updating the second layer, comprising concurrently:
displaying a second layer sidebar at the first side of the second layer, the second layer sidebar equal in size to the displayed sidebar in the first layer; andshifting the snapshot away from the first side of the second layer by a distance based on the updated location information about the adjusted dominant page portion in the obscured first layer; andupdating the visible display to remove the second layer, thereby revealing the first layer with the displayed sidebar and adjusted dominant page portion.