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

• US 8,130,205 B2
• Filed: 01/04/2008
• Issued: 03/06/2012
• Est. Priority Date: 01/07/2007
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Forstall, Scott, Lamiraux, Henri C., Platzer, Andrew Emilio, Matas, Michael, Chaudhri, Imran
• Primary Examiner(s): Shalwala, Bipin
• Assistant Examiner(s): KING, JONATHAN R
• Application Number:
  US11/969,819
• Publication Number:
  US 20080180408A1
• Time in Patent Office: 1,523 Days
• Field of Search: 345173-179, 715/784, 715/786
• US Class Current: 345/173
• CPC Class Codes: G06F 2203/04805 Virtual magnifying lens, i.e. window or frame movable on top of displayed information to enlarge it for better reading or selection
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
• CPC Class Codes: G11B 27/034 on discs G11B27/036, G11B27/038 take precedence
• CPC Class Codes: G11B 27/34 Indicating arrangements indicating means incorporated in magazine or cassette G11B23/046 and G11B23/0875; indicating measured values in general G01D
• CPC Class Codes: H04M 1/2746 Sorting, e.g. according to history or frequency of use
• CPC Class Codes: H04M 1/2747 Scrolling on a display
• CPC Class Codes: H04M 1/72436 for text messaging, e.g. short messaging services [SMS] or e-mails
• CPC Class Codes: H04M 2250/12 including a sensor for measuring a physical value, e.g. temperature or motion
• CPC Class Codes: H04M 2250/22 including a touch pad, a touch sensor or a touch detector
• CPC Class Codes: H04M 2250/60 logging of communication history, e.g. outgoing or incoming calls, missed calls, messages or URLs
• CPC Class Codes: H04M 2250/70 methods for entering alphabetical characters, e.g. multi-tap or dictionary disambiguation

Abstract

In a computer-implemented method, a portion of an electronic document is displayed on the touch screen display. The displayed portion of the electronic document has a vertical position in the electronic document. An object is detected on or near the displayed portion of the electronic document. In response to detecting the object on or near the displayed portion of the electronic document, a vertical bar is displayed on top of the displayed portion of the electronic document. The vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document. After a predetermined condition is met, display of the vertical bar is ceased. The vertical bar is displayed for a predetermined time period when the portion of the electronic document is initially displayed.

Claims

1. A method, comprising:

at a portable multifunction device with a touch screen display;

displaying a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document and a horizontal position in the electronic document, and wherein the displayed portion of the electronic document comprises a vertical portion of the electronic document and a horizontal portion of the electronic document;

displaying a vertical bar and a horizontal bar on top of the displayed portion of the electronic document, wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

the vertical bar has a vertical length that corresponds to the vertical portion of the electronic document being displayed;

the horizontal bar has a horizontal position on top of the displayed portion of the electronic document that corresponds to the horizontal position in the electronic document of the displayed portion of the electronic document; and

the horizontal bar has a horizontal length that corresponds to the horizontal portion of the electronic document being displayed;

detecting a movement of an object in a direction on the displayed portion of the electronic document;

in response to detecting the movement;

translating the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed,

moving the vertical position of the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document, and

moving the horizontal position of the horizontal bar to a new horizontal position such that the new horizontal position corresponds to the horizontal position in the electronic document of the displayed new portion of the electronic document;

continuing to detect downward movement of the object after the electronic document has been translated to a top of the electronic document;

in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document, reducing the length of the vertical bar;

in response to a predetermined condition being met, ceasing to display the vertical bar and the horizontal bar while continuing to display the new portion of the electronic document, wherein the displayed new portion of the electronic document has a vertical extent and horizontal extent that are less than a vertical extent and horizontal extent of the electronic document, respectively; and

when the portion of the electronic document is initially displayed;

displaying the vertical bar and the horizontal bar for a predetermined time period even if no object is detected on or near the electronic document, and

ceasing to display the vertical bar and the horizontal bar immediately following the predetermined time period.

2. A method, comprising:

at a portable multifunction device with a touch screen display;

displaying a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document and a horizontal position in the electronic document;

displaying a vertical bar and a horizontal bar on top of the displayed portion of the electronic document, wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document; and

the horizontal bar has a horizontal position on top of the displayed portion of the electronic document that corresponds to the horizontal position in the electronic document of the displayed portion of the electronic document;

detecting a movement of an object in a direction on or near the displayed portion of the electronic document;

in response to detecting the movement;

translating the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed,

moving the vertical position of the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document, and

moving the horizontal position of the horizontal bar to a new horizontal position such that the new horizontal position corresponds to the horizontal position in the electronic document of the displayed new portion of the electronic document;

continuing to detect downward movement of the object after the electronic document has been translated to a top of the electronic document;

in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document, reducing the length of the vertical bar;

in response to a predetermined condition being met, ceasing to display the vertical bar and the horizontal bar while continuing to display the displayed portion of the electronic document, wherein the displayed portion of the electronic document has a vertical extent and horizontal extent that are less than a vertical extent and horizontal extent of the electronic document, respectively; and

when the portion of the electronic document is initially displayed;

displaying the vertical bar and the horizontal bar for a predetermined time period even if no object is detected on or near the electronic document, and

ceasing to display the vertical bar and the horizontal bar immediately following the predetermined time period.

3. The method of claim 2, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

4. The method of claim 2, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

5. The method of claim 2, wherein the predetermined condition comprises ceasing to detect the object on or near the displayed portion of the electronic document.

6. The method of claim 2, wherein

the vertical bar has a vertical length that corresponds to the vertical portion of the electronic document being displayed;

and

the horizontal bar has a horizontal length that corresponds to the horizontal portion of the electronic document being displayed.

7. The method of claim 2, wherein the electronic document is a web page.

8. The method of claim 2, wherein the electronic document is a word processing, spreadsheet, email or presentation document.

9. The method of claim 2, wherein the object is a finger.

10. The method of claim 2, wherein the vertical bar is located on the right hand side of the displayed portion of the electronic document and the horizontal bar is located on the bottom side of the displayed portion of the electronic document.

11. The method of claim 2, wherein the vertical bar and the horizontal bar are translucent or transparent.

12. The method of claim 2, wherein the movement of the object is on the touch screen display.

13. The method of claim 2, wherein the electronic document is translated in a vertical direction, a horizontal direction, or a diagonal direction.

14. The method of claim 2, wherein translating the electronic document has an associated speed of translation that corresponds to a speed of movement of the object.

15. The method of claim 2, wherein translating the electronic document is in accordance with a simulation of an equation of motion having friction.

16. The method of claim 2, wherein the vertical bar has a major axis and a portion of the electronic document along the major axis of the vertical bar is not covered by the vertical bar, and wherein the horizontal bar has a major axis, substantially perpendicular to the major axis of the vertical bar, and a portion of the electronic document along the major axis of the horizontal bar is not covered by the horizontal bar.

17. A graphical user interface on a portable multifunction device with a touch screen display, a memory, and one or more processors to execute one or more programs stored in the memory, the graphical user interface comprising:

a portion of an electronic document displayed on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document and a horizontal position in the electronic document;

a vertical bar displayed on top of the portion of the electronic document; and

a horizontal bar displayed on top of the portion of the electronic document;

wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

the horizontal bar has a horizontal position on top of the displayed portion of the electronic document that corresponds to the horizontal position in the electronic document of the displayed portion of the electronic document;

in response to detecting a movement of an object in a direction on or near the displayed portion of the electronic document;

the electronic document displayed on the touch screen display is translated in the direction of movement of the object so that a new portion of the electronic document is displayed,

the vertical position of the vertical bar is moved to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document, and

the horizontal position of the horizontal bar is moved to a new horizontal position such that the new horizontal position corresponds to the horizontal position in the electronic document of the displayed new portion of the electronic document;

downward movement of the object after the electronic document has been translated to a top of the electronic document continues to be detected;

the length of the vertical bar is reduced in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document;

in response to a predetermined condition being met, the display of the vertical bar and the horizontal bar is ceased while the displayed portion of the electronic document continues to be displayed, wherein the displayed portion of the electronic document has a vertical extent and horizontal extent that are less than a vertical extent and horizontal extent of the electronic document, respectively; and

when the portion of the electronic document is initially displayed;

the vertical bar and the horizontal bar are displayed for a predetermined time period even if no object is detected on or near the electronic document, and

the vertical bar and the horizontal bar cease to be displayed immediately following the predetermined time period.

18. The graphical user interface of claim 17, wherein

the vertical bar has a vertical length that corresponds to the vertical portion of the electronic document being displayed;

and

the horizontal bar has a horizontal length that corresponds to the horizontal portion of the electronic document being displayed.

19. A portable multifunction device, comprising:

a touch screen display;

one or more processors;

memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document and a horizontal position in the electronic document;

displaying a vertical bar and a horizontal bar on top of the displayed portion of the electronic document wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document; and

the horizontal bar has a horizontal position on top of the displayed portion of the electronic document that corresponds to the horizontal position in the electronic document of the displayed portion of the electronic document;

detecting a movement of an object in a direction on or near the displayed portion of the electronic document;

in response to detecting the movement;

translating the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed,

moving the vertical position of the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document, and

moving the horizontal position of the horizontal bar to a new horizontal position such that the new horizontal position corresponds to the horizontal position in the electronic document of the displayed new portion of the electronic document;

continuing to detect downward movement of the object after the electronic document has been translated to a top of the electronic document;

in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document, reducing the length of the vertical bar;

in response to a predetermined condition being met, ceasing to display the vertical bar and the horizontal bar while the displayed portion of the electronic document continues to be displayed, wherein the displayed portion of the electronic document has a vertical extent and horizontal extent that are less than a vertical extent and horizontal extent of the electronic document, respectively; and

when the portion of the electronic document is initially displayed;

displaying the vertical bar and the horizontal bar for a predetermined time period even if no object is detected on or near the electronic document, and

ceasing to display the vertical bar and the horizontal bar immediately following the predetermined time period.

20. The device of claim 19, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

21. The device of claim 19, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

22. The device of claim 19, wherein the movement of the object is on the touch screen display.

23. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a portable multifunction device with a touch screen display, cause the device to:

display a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document and a horizontal position in the electronic document;

display a vertical bar and a horizontal bar on top of the displayed portion of the electronic document wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document; and

the horizontal bar has a horizontal position on top of the displayed portion of the electronic document that corresponds to the horizontal position in the electronic document of the displayed portion of the electronic document;

detect a movement of an object in a direction on or near the displayed portion of the electronic document;

in response to detecting the movement;

translate the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed,

move the vertical position of the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document, and

move the horizontal position of the horizontal bar to a new horizontal position such that the new horizontal position corresponds to the horizontal position in the electronic document of the displayed new portion of the electronic document;

continue to detect downward movement of the object after the electronic document has been translated to a top of the electronic document;

in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document, reduce the length of the vertical bar;

in response to a predetermined condition being met, cease to display the vertical bar and the horizontal bar while the displayed portion of the electronic document continues to be displayed, wherein the displayed portion of the electronic document has a vertical extent and horizontal extent that are less than a vertical extent and horizontal extent of the electronic document, respectively; and

when the portion of the electronic document is initially displayed;

display the vertical bar and the horizontal bar for a predetermined time period even if no object is detected on or near the electronic document, and

cease to display the vertical bar and the horizontal bar immediately following the predetermined time period.

24. The computer readable storage medium of claim 23, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

25. The computer readable storage medium of claim 23, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

26. The computer readable storage medium of claim 23, wherein the movement of the object is on the touch screen display.

27. A method, comprising:

at a portable multifunction device with a touch screen display;

displaying a portion of a list of items on the touch screen display, wherein the displayed portion of the list has a vertical position in the list;

displaying a vertical bar on top of the displayed portion of the list, wherein;

the vertical bar has a vertical position on top of the displayed portion of the list that corresponds to the vertical position in the list of the displayed portion of the list; and

the vertical bar has a vertical length that corresponds to the portion of the list being displayed;

detecting a movement of an object in a direction on the displayed portion of the list;

in response to detecting the movement;

scrolling the list of items displayed on the touch screen display in the direction of movement of the object so that a new portion of the list is displayed, the displayed new portion of the list having an associated vertical position in the list; and

moving the vertical position of the vertical bar to a new position such that the new position corresponds to the vertical position in the list of the displayed new portion of the list;

continuing to detect downward movement of the object after the list has been translated to a top of the list;

in response to continuing to detect downward movement of the object after the list has been translated to the top of the list, reducing the length of the vertical bar;

in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the list, wherein the displayed portion of the list has a vertical extent that is less than a vertical extent of the list; and

when the portion of the list is initially displayed;

displaying the vertical bar for a predetermined time period even if no object is detected on or near the list, and

ceasing to display the vertical bar immediately following the predetermined time period.

28. A method, comprising:

at a portable multifunction device with a touch screen display;

displaying a portion of a list of items on the touch screen display, wherein the displayed portion of the list has a vertical position in the list;

displaying a vertical bar on top of the displayed portion of the list, wherein the vertical bar has a vertical position on top of the displayed portion of the list that corresponds to the vertical position in the list of the displayed portion of the list;

detecting a movement of an object in a direction on or near the displayed portion of the list;

in response to detecting the movement;

scrolling the list of items displayed on the touch screen display in the direction of movement of the object so that a new portion of the list is displayed, and

moving the vertical position of the vertical bar to a new position such that the new position corresponds to the vertical position in the list of the displayed new portion of the list;

continuing to detect downward movement of the object after the list has been translated to a top of the list;

in response to continuing to detect downward movement of the object after the list has been translated to the top of the list, reducing the length of the vertical bar;

in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the list, wherein the displayed portion of the list has a vertical extent that is less than a vertical extent of the list; and

when the portion of the list is initially displayed;

displaying the vertical bar for a predetermined time period even if no object is detected on or near the list, and

ceasing to display the vertical bar immediately following the predetermined time period.

29. The method of claim 28, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

30. The method of claim 28, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

31. The method of claim 28, wherein the predetermined condition comprises ceasing to detect the object on or near the displayed portion of the list.

32. The method of claim 28, wherein the vertical bar has a vertical length that corresponds to the portion of the list being displayed.

33. The method of claim 28, wherein the list of items is a list of contacts, a list of instant message conversations, a list of instant messages, a list of photo albums, a list of audio and/or video content, a list of calendar entries, a list of recent calls, a list of mailboxes, a list of emails, a list of settings, or a list of voicemail messages.

34. The method of claim 28, wherein the object is a finger.

35. The method of claim 28, wherein the vertical bar is located on the right hand side of the displayed portion of the list.

36. The method of claim 28, wherein the vertical bar is translucent or transparent.

37. The method of claim 28, wherein the movement of the object is on the touch screen display.

38. The method of claim 28, wherein the movement is a substantially vertical movement.

39. The method of claim 28, wherein scrolling the list has an associated speed of translation that corresponds to a speed of movement of the object.

40. The method of claim 28, wherein scrolling the list is in accordance with a simulation of an equation of motion having friction.

41. The method of claim 28, wherein the vertical bar has a major axis and a portion of the list of items along the major axis of the vertical bar is not covered by the vertical bar.

42. A graphical user interface on a portable multifunction device with a touch screen display, a memory, and one or more processors to execute one or more programs stored in the memory, the graphical user interface comprising:

a portion of a list of items displayed on the touch screen display, wherein the displayed portion of the list has a vertical position in the list; and

a vertical bar displayed on top of the portion of the list of items;

wherein;

the vertical bar has a vertical position on top of the displayed portion of the list that corresponds to the vertical position in the list of the displayed portion of the list;

in response to detecting a movement of an object in a direction on or near the displayed portion of the list;

the list of items displayed on the touch screen display is scrolled in the direction of movement of the object so that a new portion of the list is displayed, and

the vertical position of the vertical bar is moved to a new position such that the new position corresponds to the vertical position in the list of the displayed new portion of the list;

downward movement of the object after the list has been translated to a top of the list continues to be detected;

the length of the vertical bar is reduced in response to continuing to detect downward movement of the object after the list has been translated to the top of the list;

in response to a predetermined condition being met, the display of the vertical bar is ceased while continuing to display the displayed portion of the list, wherein the displayed portion of the list has a vertical extent that is less than a vertical extent of the list; and

when the portion of the list is initially displayed;

the vertical bar is displayed for a predetermined time period even if no object is detected on or near the list, and

the vertical bar ceases to be displayed immediately following the predetermined time period.

43. The graphical user interface of claim 42, wherein the vertical bar has a vertical length that corresponds to the portion of the list being displayed.

44. A portable multifunction device, comprising:

a touch screen display;

one or more processors;

memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying a portion of a list of items on the touch screen display, wherein the displayed portion of the list has a vertical position in the list;

displaying a vertical bar on top of the displayed portion of the list wherein the vertical bar has a vertical position on top of the displayed portion of the list that corresponds to the vertical position in the list of the displayed portion of the list;

detecting a movement of an object in a direction on or near the displayed portion of the list;

in response to detecting the movement;

scrolling the list of items displayed on the touch screen display in the direction of movement of the object so that a new portion of the list is displayed, and

moving the vertical position of the vertical bar to a new position such that the new position corresponds to the vertical position in the list of the displayed new portion of the list;

continuing to detect downward movement of the object after the list has been translated to a top of the list;

in response to continuing to detect downward movement of the object after the list has been translated to the top of the list, reducing the length of the vertical bar;

in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the list, wherein the displayed portion of the list has a vertical extent that is less than a vertical extent of the list; and

when the portion of the list is initially displayed;

displaying the vertical bar for a predetermined time period even if no object is detected on or near the list, and

ceasing to display the vertical bar immediately following the predetermined time period.

45. The device of claim 44, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

46. The device of claim 44, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

47. The device of claim 44, wherein the movement of the object is on the touch screen display.

48. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a portable multifunction device with a touch screen display, cause the device to:

display a portion of a list of items on the touch screen display, wherein the displayed portion of the list has a vertical position in the list;

display a vertical bar on top of the displayed portion of the list wherein the vertical bar has a vertical position on top of the displayed portion of the list that corresponds to the vertical position in the list of the displayed portion of the list;

detect a movement of an object in a direction on or near the displayed portion of the list;

in response to detecting the movement;

scroll the list of items displayed on the touch screen display in the direction of movement of the object so that a new portion of the list is displayed, and

move the vertical position of the vertical bar to a new position such that the new position corresponds to the vertical position in the list of the displayed new portion of the list;

continue to detect downward movement of the object after the list has been translated to a top of the list;

in response to continuing to detect downward movement of the object after the list has been translated to the top of the list, reduce the length of the vertical bar;

in response to a predetermined condition being met, cease to display the vertical bar while continuing to display the displayed portion of the list, wherein the displayed portion of the list has a vertical extent that is less than a vertical extent of the list; and

when the portion of the list is initially displayed;

display the vertical bar for a predetermined time period even if no object is detected on or near the list, and

cease to display the vertical bar immediately following the predetermined time period.

49. The computer readable storage medium of claim 48, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

50. The computer readable storage medium of claim 48, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

51. The computer readable storage medium of claim 48, wherein the movement of the object is on the touch screen display.

52. A method, comprising:

at a portable multifunction device with a touch screen display;

displaying a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document;

displaying a vertical bar on top of the displayed portion of the electronic document, wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document; and

the vertical bar has a vertical length that corresponds to the portion of the electronic document being displayed;

detecting a movement of an object in a direction on the displayed portion of the electronic document;

in response to detecting the movement;

scrolling the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed and

moving the vertical position of the vertical bar to a new position such that the new position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document;

continuing to detect downward movement of the object after the electronic document has been translated to a top of the electronic document;

in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document, reducing the length of the vertical bar;

in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the electronic document, wherein the displayed portion of the electronic document has a vertical extent that is less than a vertical extent of the electronic document; and

when the portion of the electronic document is initially displayed;

displaying the vertical bar for a predetermined time period even if no object is detected on or near the list, and

ceasing to display the vertical bar immediately following the predetermined time period.

53. A method, comprising:

at a portable multifunction device with a touch screen display;

displaying a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document;

displaying a vertical bar on top of the displayed portion of the electronic document, wherein the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

detecting a movement of an object in a direction on or near the displayed portion of the electronic document;

in response to detecting the movement;

scrolling the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed, and

moving the vertical position of the vertical bar to a new position such that the new position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document;

continuing to detect downward movement of the object after the electronic document has been translated to a top of the electronic document;

in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document, reducing the length of the vertical bar;

in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the electronic document, wherein the displayed portion of the electronic document has a vertical extent that is less than a vertical extent of the electronic document; and

when the portion of the electronic document is initially displayed;

displaying the vertical bar for a predetermined time period even if no object is detected on or near the list, and

ceasing to display the vertical bar immediately following the predetermined time period.

54. The method of claim 53, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

55. The method of claim 53, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

56. The method of claim 53, wherein the predetermined condition comprises ceasing to detect the object on or near the displayed portion of the electronic document.

57. The method of claim 53, wherein the vertical bar has a vertical length that corresponds to the portion of the electronic document being displayed.

58. The method of claim 53, wherein the electronic document is a web page.

59. The method of claim 53, wherein the electronic document is a word processing, spreadsheet, email or presentation document.

60. The method of claim 53, wherein the object is a finger.

61. The method of claim 53, wherein the vertical bar is located on the right hand side of the displayed portion of the electronic document.

62. The method of claim 53, wherein the vertical bar is translucent or transparent.

63. The method of claim 53, wherein the movement of the object is on the touch screen display.

64. The method of claim 53, wherein the movement is a substantially vertical movement.

65. The method of claim 53, wherein scrolling the electronic document has an associated speed of translation that corresponds to a speed of movement of the object.

66. The method of claim 53, wherein scrolling the electronic document is in accordance with a simulation of an equation of motion having friction.

67. A graphical user interface on a portable multifunction device with a touch screen display, a memory, and one or more processors to execute one or more programs stored in the memory, the graphical user interface comprising:

a portion of an electronic document displayed on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document; and

a vertical bar displayed on top of the portion of the electronic document;

wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

in response to detecting a movement of an object in a direction on or near the displayed portion of the electronic document;

the electronic document displayed on the touch screen display is scrolled in the direction of movement of the object so that a new portion of the electronic document is displayed, and

the vertical position of the vertical bar is moved to a new position such that the new position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document;

downward movement of the object after the electronic document has been translated to a top of the electronic document continues to be detected;

the length of the vertical bar is reduced in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document;

in response to a predetermined condition being met, the display of the vertical bar is ceased while the displayed portion of the electronic document continues to be displayed, wherein the displayed portion of the electronic document has a vertical extent that is less than a vertical extent of the electronic document; and

when the portion of the electronic document is initially displayed;

the vertical bar is displayed for a predetermined time period even if no object is detected on or near the list, and

the vertical bar ceases to be displayed immediately following the predetermined time period.

68. The graphical user interface of claim 67, wherein the vertical bar has a vertical length that corresponds to the portion of the electronic document being displayed.

69. A portable multifunction device, comprising:

a touch screen display;

one or more processors;

memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document;

displaying a vertical bar on top of the displayed portion of the electronic document wherein the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

detecting a movement of an object in a direction on or near the displayed portion of the electronic document;

in response to detecting the movement;

scrolling the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed, and

moving the vertical position of the vertical bar to a new position such that the new position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document;

continuing to detect downward movement of the object after the electronic document has been translated to a top of the electronic document;

in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document, reducing the length of the vertical bar;

in response to a predetermined condition being met, ceasing to display the vertical bar while the displayed portion of the electronic document continues to be displayed, wherein the displayed portion of the electronic document has a vertical extent that is less than a vertical extent of the electronic document; and

when the portion of the electronic document is initially displayed;

displaying the vertical bar for a predetermined time period even if no object is detected on or near the list, and

ceasing to display the vertical bar immediately following the predetermined time period.

70. The device of claim 69, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

71. The device of claim 69, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

72. The device of claim 69, wherein the movement of the object is on the touch screen display.

73. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a portable multifunction device with a touch screen display, cause the device to:

display a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document;

display a vertical bar on top of the displayed portion of the electronic document wherein the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

detect a movement of an object in a direction on or near the displayed portion of the electronic document;

in response to detecting the movement;

scroll the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed, and

move the vertical position of the vertical bar to a new position such that the new position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document;

continue to detect downward movement of the object after the electronic document has been translated to a top of the electronic document;

in response to continuing to detect downward movement of the object after the electronic document has been translated to the top of the electronic document, reduce the length of the vertical bar;

in response to a predetermined condition being met, cease to display the vertical bar while the displayed portion of the electronic document continues to be displayed, wherein the displayed portion of the electronic document has a vertical extent that is less than a vertical extent of the electronic document; and

when the portion of the electronic document is initially displayed;

display the vertical bar for a predetermined time period even if no object is detected on or near the list, and

cease to display the vertical bar immediately following the predetermined time period.

74. The computer readable storage medium of claim 73, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

75. The computer readable storage medium of claim 73, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

76. The computer readable storage medium of claim 73, wherein the movement of the object is on the touch screen display.