Portable electronic device, method, and graphical user interface for displaying electronic documents and lists

A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device with a display, the one or more programs including instructions for:

• displaying a portion of scrollable content via the display, wherein the displayed portion of the scrollable content has a vertical position in the scrollable content;
• displaying a vertical bar on top of the displayed portion of the scrollable content, wherein the vertical bar has a vertical position on top of the displayed portion of the scrollable content that corresponds to the vertical position in the scrollable content of the displayed portion of the scrollable content;
• detecting a user input corresponding to translating the displayed portion of the scrollable content in a first direction, wherein detecting the user input includes detecting movement of an object that is interacting with the scrollable content;
• in response to detecting the user input corresponding to translating the displayed portion of the scrollable content in the first direction:
• scrolling the scrollable content in a direction corresponding to the first direction so that a new portion of the scrollable content is displayed via the display;
• and
• moving the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the scrollable content of the displayed new portion of the scrollable content;
• and
• in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the scrollable content, wherein the predetermined condition includes detecting that the object has ceased interacting with the scrollable content, and wherein the displayed portion of the scrollable content has a vertical extent that is less than a vertical extent of the scrollable content.

A method, comprising:

• at an electronic device with a display:
• displaying a portion of scrollable content via the display, wherein the displayed portion of the scrollable content has a vertical position in the scrollable content;
• displaying a vertical bar on top of the displayed portion of the scrollable content, wherein the vertical bar has a vertical position on top of the displayed portion of the scrollable content that corresponds to the vertical position in the scrollable content of the displayed portion of the scrollable content;
• detecting a user input corresponding to translating the displayed portion of the scrollable content in a first direction, wherein detecting the user input includes detecting movement of an object that is interacting with the scrollable content;
• in response to detecting the user input corresponding to translating the displayed portion of the scrollable content in the first direction:
• scrolling the scrollable content in a direction corresponding to the first direction so that a new portion of the scrollable content is displayed via the display;
• and
• moving the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the scrollable content of the displayed new portion of the scrollable content;
• and
• in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the scrollable content, wherein the predetermined condition includes detecting that the object has ceased interacting with the scrollable content, and wherein the displayed portion of the scrollable content has a vertical extent that is less than a vertical extent of the scrollable content.