Coordination of static backgrounds and rubberbanding

Abstract

Techniques for coordinating movements of various objects in an electronic document are disclosed. A first-type object remains stationary so that it becomes outside a content boundary of the electronic document, as the content boundary is pulled inside an edge of a window displaying the electronic document. A second-type object remains stationary until the content boundary reaches the edge of the window and then moves along with the scrolled electronic document as the content boundary is pulled inside the edge of the window. A third-type object and a fourth-type object may show different movement behaviors.

1 . A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display, cause the device to:
 display, on the display, an electronic document comprising a first object and a content boundary,   while displaying the electronic document, detect an input corresponding to a request to translate the electronic document in a first direction;   in response to detecting the input corresponding to a request to translate the electronic document, translate a respective portion of the electronic document in the first direction in accordance with the detected input without translating the first object, so that the first object is outside of the content boundary of the electronic document;   after translating the respective portion of the electronic document without translating the first object, detect an end of the input;   in response to detecting the end of the input, translate the respective portion of the electronic document in a second direction different from the first direction without translating the first object, so that the first object is within the content boundary of the electronic document.   
     
     
         2 . The non-transitory computer-readable storage medium of  claim 1 , wherein translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 translating the respective portion of the electronic document in the first direction in a linear relationship with the detected input until the content boundary of the electronic document reaches an edge of a window displaying the electronic document; and   translating the respective portion of the electronic document in the first direction in a non-linear relationship with the detected input as the content boundary of the electronic document is pulled inside the edge of the window.   
     
     
         3 . The non-transitory computer-readable storage medium of  claim 2 , wherein:
 the display is a touch-sensitive display;   the detected input comprises movement of a finger on the touch-sensitive display;   translating the respective portion of the electronic document in the first direction in a linear relationship with the detected input comprises translating the electronic document in the first direction by an amount that is proportional to the distance moved by the finger on the touch-sensitive display; and   translating the respective portion of the electronic document in the first direction in a non-linear relationship with the detected input comprises translating the electronic document in the first direction by an amount that has a non-linear relationship with the distance moved by the finger on the touch-sensitive display.   
     
     
         4 . The non-transitory computer-readable storage medium of  claim 2 , wherein:
 the electronic document further comprises a second object; and   translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 maintaining the second object stationary until the content boundary of the electronic document reaches the edge of the window displaying the electronic document; and 
 translating the second object with the respective portion of the electronic document in the first direction in the non-linear relationship with the detected input as the content boundary of the electronic document is pulled inside the edge of the window. 
   
     
     
         5 . The non-transitory computer-readable storage medium of  claim 2 , wherein:
 the electronic document further comprises a third object; and   translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 translating the third object with the respective portion of the electronic document in the first direction in the linear relationship with the detected input until the content boundary of the electronic document reaches the edge of the window; and 
 translating the third object with the respective portion of the electronic document in the first direction in the non-linear relationship with the detected input as the content boundary of the electronic document is pulled inside the edge of the window. 
   
     
     
         6 . The non-transitory computer-readable storage medium of  claim 2 , wherein:
 the electronic document further comprises a fourth object; and   translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 translating the fourth object with the respective portion of the electronic document in the first direction in the linear relationship with the detected input until the content boundary of the electronic document reaches the edge of the window; and 
 maintaining the fourth object stationary as the content boundary of the electronic document is pulled inside the edge of the window. 
   
     
     
         7 . The non-transitory computer-readable storage medium of  claim 1 , wherein the first object is fixed relative to the edge of the window displaying the electronic document. 
     
     
         8 . The non-transitory computer-readable storage medium of  claim 1 , wherein:
 translating the respective portion of the electronic document in the first direction in accordance with the detected input without translating the first object comprises passing a portion of the electronic document under the first object.   
     
     
         9 . The non-transitory computer-readable storage medium of  claim 1 , wherein the second direction is opposite the first direction. 
     
     
         10 . The non-transitory computer-readable storage medium of  claim 1 , wherein in response to detecting the end of the input, the respective portion of the electronic document is translated in the second direction at a speed faster than a speed of the translation of the respective portion of the electronic document in the first direction in accordance with the detected input. 
     
     
         11 . The non-transitory computer-readable storage medium of  claim 1 , wherein in response to detecting the end of the input, the respective portion of the electronic document is translated in the second direction until the content boundary of the electronic document reaches the edge of the window. 
     
     
         12 . A method, comprising:
 at an electronic device with a display:
 displaying, on the display, an electronic document comprising a first object and a content boundary, 
 while displaying the electronic document, detecting an input corresponding to a request to translate the electronic document in a first direction; 
 in response to detecting the input corresponding to a request to translate the electronic document, translating a respective portion of the electronic document in the first direction in accordance with the detected input without translating the first object, so that the first object is outside of the content boundary of the electronic document; 
 after translating the respective portion of the electronic document without translating the first object, detecting an end of the input; 
 in response to detecting the end of the input, translating the respective portion of the electronic document in a second direction different from the first direction without translating the first object, so that the first object is within the content boundary of the electronic document. 
   
     
     
         13 . The method of  claim 12 , wherein translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 translating the respective portion of the electronic document in the first direction in a linear relationship with the detected input until the content boundary of the electronic document reaches an edge of a window displaying the electronic document; and   translating the respective portion of the electronic document in the first direction in a non-linear relationship with the detected input as the content boundary of the electronic document is pulled inside the edge of the window.   
     
     
         14 . The method of  claim 13 , wherein:
 the display is a touch-sensitive display;   the detected input comprises movement of a finger on the touch-sensitive display;   translating the respective portion of the electronic document in the first direction in a linear relationship with the detected input comprises translating the electronic document in the first direction by an amount that is proportional to the distance moved by the finger on the touch-sensitive display; and   translating the respective portion of the electronic document in the first direction in a non-linear relationship with the detected input comprises translating the electronic document in the first direction by an amount that has a non-linear relationship with the distance moved by the finger on the touch-sensitive display.   
     
     
         15 . The method of  claim 13 , wherein:
 the electronic document further comprises a second object; and   translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 maintaining the second object stationary until the content boundary of the electronic document reaches the edge of the window displaying the electronic document; and 
 translating the second object with the respective portion of the electronic document in the first direction in the non-linear relationship with the detected input as the content boundary of the electronic document is pulled inside the edge of the window. 
   
     
     
         16 . The method of  claim 13 , wherein:
 the electronic document further comprises a third object; and   translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 translating the third object with the respective portion of the electronic document in the first direction in the linear relationship with the detected input until the content boundary of the electronic document reaches the edge of the window; and 
 translating the third object with the respective portion of the electronic document in the first direction in the non-linear relationship with the detected input as the content boundary of the electronic document is pulled inside the edge of the window. 
   
     
     
         17 . The method of  claim 13 , wherein:
 the electronic document further comprises a fourth object; and   translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 translating the fourth object with the respective portion of the electronic document in the first direction in the linear relationship with the detected input until the content boundary of the electronic document reaches the edge of the window; and 
 maintaining the fourth object stationary as the content boundary of the electronic document is pulled inside the edge of the window. 
   
     
     
         18 . The method of  claim 12 , wherein the first object is fixed relative to the edge of the window displaying the electronic document. 
     
     
         19 . The method of  claim 12 , wherein
 translating the respective portion of the electronic document in the first direction in accordance with the detected input without moving the first object comprises passing a portion of the electronic document under the first object.   
     
     
         20 . The method of  claim 12 , wherein the second direction is opposite the first direction. 
     
     
         21 . The method of  claim 12 , wherein
 in response to detecting the end of the input, the respective portion of the electronic document is translated in the second direction at a speed faster than a speed of the translation of the respective portion of the electronic document in the first direction in accordance with the detected input.   
     
     
         22 . The method of  claim 12 , wherein in response to detecting the end of the input, the respective portion of the electronic document is translated in the second direction until the content boundary of the electronic document reaches the edge of the window. 
     
     
         23 . An electronic device, comprising:
 a display;   a memory; and   one or more processors coupled to the display and the memory, the one or more processors configured to:
 display, on the display, an electronic document comprising a first object and a content boundary, 
 while displaying the electronic document, detect an input corresponding to a request to translate the electronic document in a first direction; 
 in response to detecting the input corresponding to a request to translate the electronic document, translate a respective portion of the electronic document in the first direction in accordance with the detected input without translating the first object, so that the first object is outside of the content boundary of the electronic document; 
 after translating the respective portion of the electronic document without translating the first object, detect an end of the input; 
 in response to detecting the end of the input, translate the respective portion of the electronic document in a second direction different from the first direction without translating the first object, so that the first object is within the content boundary of the electronic document. 
   
     
     
         24 . The device of  claim 23 , wherein translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 translating the respective portion of the electronic document in the first direction in a linear relationship with the detected input until the content boundary of the electronic document reaches an edge of a window displaying the electronic document; and   translating the respective portion of the electronic document in the first direction in a non-linear relationship with the detected input as the content boundary of the electronic document is pulled inside the edge of the window.   
     
     
         25 . The device of  claim 24 , wherein:
 the display is a touch-sensitive display;   the detected input comprises movement of a finger on the touch-sensitive display;   translating the respective portion of the electronic document in the first direction in a linear relationship with the detected input comprises translating the electronic document in the first direction by an amount that is proportional to the distance moved by the finger on the touch-sensitive display; and   translating the respective portion of the electronic document in the first direction in a non-linear relationship with the detected input comprises translating the electronic document in the first direction by an amount that has a non-linear relationship with the distance moved by the finger on the touch-sensitive display.   
     
     
         26 . The device of  claim 24 , wherein:
 the electronic document further comprises a second object; and   translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 maintaining the second object stationary until the content boundary of the electronic document reaches the edge of the window displaying the electronic document; and 
 translating the second object with the respective portion of the electronic document in the first direction in the non-linear relationship with the detected input as the content boundary of the electronic document is pulled inside the edge of the window. 
   
     
     
         27 . The device of  claim 24 , wherein:
 the electronic document further comprises a third object; and   translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 translating the third object with the respective portion of the electronic document in the first direction in the linear relationship with the detected input until the content boundary of the electronic document reaches the edge of the window; and 
 translating the third object with the respective portion of the electronic document in the first direction in the non-linear relationship with the detected input as the content boundary of the electronic document is pulled inside the edge of the window. 
   
     
     
         28 . The device of  claim 24 , wherein:
 the electronic document further comprises a fourth object; and   translating the respective portion of the electronic document in the first direction in accordance with the detected input comprises:
 translating the fourth object with the respective portion of the electronic document in the first direction in the linear relationship with the detected input until the content boundary of the electronic document reaches the edge of the window; and 
 maintaining the fourth object stationary as the content boundary of the electronic document is pulled inside the edge of the window. 
   
     
     
         29 . The device of  claim 23 , wherein the first object is fixed relative to the edge of the window displaying the electronic document. 
     
     
         30 . The device of  claim 23 , wherein:
 translating the respective portion of the electronic document in the first direction in accordance with the detected input without moving the first object comprises passing a portion of the electronic document under the first object.   
     
     
         31 . The device of  claim 23 , wherein the second direction is opposite the first direction. 
     
     
         32 . The device of  claim 23 , wherein
 in response to detecting the end of the input, the respective portion of the electronic document is translated in the second direction at a speed faster than a speed of the translation of the respective portion of the electronic document in the first direction in accordance with the detected input.   
     
     
         33 . The device of  claim 23 , wherein
 in response to detecting the end of the input, the respective portion of the electronic document is translated in the second direction until the content boundary of the electronic document reaches the edge of the window.