CN105637464B - 用于网站和内容的滚动结束效果 - Google Patents

Abstract

一种系统和机器实现的方法，用于在电子设备上提供过度滚动被显示内容的视觉提示。当到达可滚动页面或内容的末尾时，视觉提示对应于用户的物理滚动输入。窗口中的内容被有效地附加至窗口，使得当在一个方向上到达内容的末尾时，包括了内容的窗口在相同的滚动方向上被拉取。在滚动方向上的拉取以对数递减的形式出现，提供了窗口的外构架正在拒绝尝试进一步在滚动方向上滚动的类触觉视觉效果。视觉的拒绝效果可包括挤压或拉伸窗口的部分而不扭曲窗口中的内容。

Description

用于网站和内容的滚动结束效果

相关申请的交叉引用

本申请根据35U.S.C.§119要求于2013年9月10日提交的美国临时专利申请序列号No.61/876,155的优先权的权益，其公开的全部内容因此基于所有目的通过引用合并至此。

背景技术

本公开一般涉及滚动结束效果，并且具体地，涉及提供类触觉的视觉用户体验，其示出已经到达可滚动页面或内容的片段的末尾。

网站或内容窗口可被向上或向下以及从一边到另一边滚动。当到达窗口中的页面或内容的一个方向的末端时，窗口可停止滚动且可视内容保持静态，作为网页或内容不能在特定方向上更进一步滚动的仅有的视觉提示。提供已经到达内容的末尾的进一步视觉提示对用户来说可以是更有趣和有效的体验。

发明内容

公开的主题涉及提供过度滚动被显示内容的视觉提示的计算机实现的方法。所述方法包括在设备显示器上显示窗口，所述窗口具有窗口控制部、浏览器控制部和内容部，其中，所述内容是可滚动的。所述方法还包括确定所述被显示的可滚动内容在第一方向上被滚动至末端。所述方法进一步包括接收用户输入以进一步在所述第一方向上滚动所述可滚动内容。所述方法还包括显示用户输入正在尝试超过所述可滚动内容的所述末端的视觉提示，其中，所述视觉提示包括在第二方向上移动所述浏览器控制部和所述内容部。

公开的主题还涉及一种用于提供过度滚动被显示内容的视觉提示的系统。所述系统包括一个或多个处理器以及机器可读介质，所述机器可读介质包括存储在其中的指令，所述指令当由所述处理器执行时引起所述处理器执行操作。所述操作包括在设备显示器上显示窗口，所述窗口具有窗口控制部、浏览器控制部和内容部，其中，所述内容是可滚动的。所述操作还包括确定被显示的可滚动内容在第一方向上被滚动至末端。所述操作进一步包括接收用户输入以进一步在所述第一方向上滚动所述可滚动内容。所述操作还包括显示所述用户输入正在尝试超过所述可滚动内容的所述末端的视觉提示，其中，所述视觉提示包括在第二方向上移动所述浏览器控制部和所述内容部，所述第二方向与所述第一方向相反。

公开的主题还涉及一种包括机器可读指令的非暂时的机器可读存储介质，用于引起处理器执行用于提供过度滚动被显示内容的视觉提示的方法。所述方法包括在设备显示器上显示窗口，所述窗口具有窗口控制部、浏览器控制部和内容部，其中，所述内容是可滚动的。所述方法还包括确定被显示的可滚动内容在第一方向上被滚动至末端。所述方法进一步包括接收用户输入以进一步在所述第一方向上滚动所述可滚动内容。所述方法还包括显示所述用户输入正在尝试超过所述可滚动内容的所述末端的视觉提示，其中，所述视觉提示包括保持所述窗口控制部静态并以对数递减为基础在第二方向上移动所述浏览器控制部和所述内容部。

应理解为，从以下具体实施方式中，主题技术的其他配置将很容易对本领域技术人员显而易见，其中主题技术的多种配置通过图示的方式被示出和描述。如将被实现的，主题技术对其他和不同的配置有能力且它的一些细节能在多个其他方面修改，而所有都不背离主题技术的范围。因此，附图和具体实施方式应被视为本质上是说明性的而不是限制性的。

附图说明

主题技术的特征在所附权利要求中被阐明。然而，出于解释的目的，主题技术的几个实施例在下列附图中被阐明。

图1图示了浏览器窗口的示例，所述浏览器窗口显示网页的开始内容。

图2图示了浏览器窗口显示器中的视觉提示的示例，其对应于用户输入以在向上的方向上在开始内容之上进一步滚动。

图3图示了显示网页的结尾内容的浏览器窗口的示例。

图4图示了浏览器窗口显示器中的视觉提示的示例，其对应于用户输入以在向下的方向上在结尾内容之上进一步滚动。

图5图示了提供了显示过度滚动被显示内容的视觉提示的示例过程。

图6图示了可以提供显示过度滚动被显示内容的视觉提示的示例网络环境。

图7概念性地图示了示例电子系统，利用所述示例电子系统可以实现主题技术的一些实现。

具体实施方式

具体实施方式在下方阐述目的是作为主题技术的各种配置的描述并不是为了表示可以实现该主题技术的仅有配置。附加的图被合并于此并构成具体实施方式的一部分。具体实施方式包括用于提供对主题技术的深入理解的目的的具体细节。然而，主题技术不限制于本文中阐述的具体细节并可以在没有这些细节的情况下被实践，这对本领域技术人员来说是清楚和明显的。在一些示例中，结构和组件以框图的形式被示出以便避免模糊主题技术的概念。

如上面注释的，用户尝试在一个方向上过度滚动网页或内容经过内容的末端。例如，用户可导航至新闻网站并滚动新闻内容直到到达处于网页底部的最后的新闻故事。用户可以在相同方向上继续滚动以查找更多内容，而没有意识到已经到达了网页底部，只因为在用户在相同方向上过度滚动时内容保持静态。网页或内容可在页面顶部具有起点，在页面底部具有末端，在页面左边具有最左点并且在页面右边具有最右点。用户可在向上、向下、向左或向右方向中的任何一个上尝试过度滚动网页或内容经过末端。

当在特定方向上过度滚动网页或内容的末端时，内容的这种静态显示的一个问题是用户可能不容易看到已经到达内容末端。例如，当用户在阅读被显示在公司网页上的内容时，用户可能缓慢地向下滚动被显示在用户的电子设备上的公司网页。然而，如果用户到达了公司网页的底部并继续在公司网页中尝试并向下滚动，用户可能不容易注意到从网页内容缓慢向上移动直到不再移动的改变。进一步地，网页内容的静态显示不提供与用户的过度滚动手势的量相对应的视觉指示。因此，用户可能继续过度滚动网页经过末端，试着看附加网页内容并在该过程中变得受挫。

该公开主题提供了显示用户已经开始在特定方向上过度滚动网页或内容的视觉提示。一检测到过度滚动输入，视觉提示就可开始，并且随着过度滚动输入继续，视觉提示可以加强内容窗口的至少一部分的视觉运动。视觉运动可向用户提供与用户的滚动手势相对应的类触觉的视觉体验。例如，用户可在滚动基于web的文章直到文章的开始的方向上移动计算机鼠标。响应于用户在已经到达文章的开始之后在相同方向上持续地进一步移动鼠标，显示了文章的一部分浏览器窗口和示出了打开浏览器标签的网站工具栏可进一步移位，而示出了窗口控制工具栏的一部分浏览器窗口可保持固定，因此将内容和标签工具栏向上挤压进控制工具栏。因此，在浏览器窗口中挤压内容和标签工具栏的视觉提示可提供浏览器窗口正在拒绝用户的过度滚动内容的尝试的类触觉视觉感。

图1图示了显示在平板电脑106上的浏览器窗口200的示例。浏览器窗口200包括窗口控制部230，所述窗口控制部230具有带有浏览器窗口控件232(例如，关闭、最小化、最大化)的工具栏。浏览器窗口200还包括浏览器控制部240，所述浏览器控制部240具有指示了当前打开基于标签活动的标签210、212、214。在图1的示例中，标签210和212指示用户之前打开的或发起的浏览器活动(例如，搜索、网站导航、互联网应用)。标签214指示最近期的/当前的浏览器活动，其进一步在浏览器窗口200的内容部250中被内容224指示。例如，标签214是新闻网站的互联网搜索并且内容224是新闻网站的主页。标签210和212还具有对应的内容220和222，当内容224被显示时所述内容220和222被隐藏。如果用户选择标签220或222，则对应的内容220或222将被显示且内容224被隐藏。

内容224是可以在内容部250中上下滚动的。例如，在图1中图示的，内容224是新闻网站的主页。内容224的开始包括新闻网站标识以及指示新闻条目的各种类别的多个标签。进一步向下网页是持续在被显示在屏幕上的窗口之上的各种新闻故事，使得用户必须向下滚动以在内容224的新闻流中阅读另外的故事。标签210、212、214的顶部和浏览器窗口200的顶部边框202之间的距离在图1中被示出为高度h1。

图2图示了浏览器窗口200的示例，其中用户尝试进一步向上滚动内容224经过内容224的开始(例如，过度滚动)。例如，用户可将手指放在触屏显示器上并在屏幕上向下拉以尝试在显示器上进一步向上滚动至另外的内容224。这里，平板电脑106可被配置为当手指在触屏上被拉取时在相反方向上滚动，使得当手指被向下拉取时，内容224中的视点被向上滚动且内容224向下移位。可替代地，平板电脑106可被配置为在与手指运动相同的方向上滚动，以便当手指在屏幕上被向下拉取时，内容224中的视点被向下滚动使得内容224向上移位。此外，滚动输入可以是跨过触屏或触控板被拉取的手指或物体(例如，铅笔)、鼠标的移动、在键盘上按键盘箭头，等等。

如在图2中图示的，当用户过度滚动经过内容224的开始或顶部时，浏览器控制部240和内容部250在浏览器窗口200中向下移位。这里，标签210、212、214和内容224全部在浏览器窗口200中向下移位而带有窗口控件232的窗口控制部230保持在原位(例如，静态的)。标签210、212、214的顶部和浏览器窗口200的顶部边框202之间的距离在图2中被示出为高度h2，其中高度h2大于高度h1。因此，窗口控制部230在顶部过度滚动的位置是展开的(例如，拉伸的)并且内容部250被压缩在浏览器窗口200的底部边框204中。图2中示出的内容224和标签210、212、214不是被扭曲的，而代替的是被向下移位的，使得内容224的多个底部像素行被堵塞或被底部边框204覆盖。

窗口控制部230的拉伸、浏览器控制部240的移位以及内容部250的压缩可在对数递减的基础或功能上被完成。例如，当用户第一次开始在向上方向上过度滚动经过内容224的开始时，浏览器控制部240和内容部250的向下移位可以是最显著的，而在向上方向上持续的过度滚动引起浏览器控制部240和内容部250向下移位轻微的增量直到浏览器控制部240和内容部250一起停止向下移位。浏览器控制部240和内容部250向下移位、拉伸窗口控制部230和压缩内容部250的这种对数递减提供了浏览器窗口200正在拒绝用户的过度滚动内容224的尝试的类触觉视觉提示。

不管窗口控制部230拉伸的量以及内容部250压缩的量，当顶部过度滚动输入停止时(例如，用户抬起手指或停止移动鼠标)，浏览器控制部240和内容部250往回向上移位与浏览器控制部240和内容部250向下移位的相同的量。因此，窗口控制部230、浏览器控制部240和内容部250突然关闭或弹回至顶部过度滚动过程开始显示的原始大小。这里，窗口控制部230、浏览器控制部240和内容部250弹回至图1中示出的位置和尺寸，其中，标签210、212、214的顶部和浏览器窗口200的顶部边框202之间的距离又为高度h1。

图3和4图示了新闻网页或内容224的其他(例如，底部)端上的过度滚动过程。标签210、212、214顶部和浏览器窗口200的顶部边框202之间的距离为如图3中所示出的高度h1。如当在内容224的开始时上面讨论的，当在内容224的末尾时，窗口控制部230、浏览器控制部240和内容部250可具有类似的大小。内容224的末尾可包括新闻主页上最后的新闻条目、以及广告和到新闻网站其他区域的链接。

图4图示了浏览器窗口200的示例，其中用户尝试进一步向下过度滚动内容224经过内容224的结尾或底部。当用户过度滚动经过内容224的结尾时，浏览器控制部240和内容部250在浏览器窗口200中向上移位。这里，标签210、212、214和内容224全部在浏览器窗口200中向上移位而带有浏览器窗口控制232的窗口控制部230保持固定。标签210、212、214的顶部和浏览器窗口200的顶部边框202之间的距离在图4中被示出为高度h3，其中高度h3小于高度h1。因此，窗口控制部230在被过度滚动的底部位置被紧缩(例如，收缩)并且浏览器控制部240被移动至窗口控制部230之中。图4中示出的内容224和标签210、212、214不是被扭曲的，而代替的是被向上移位至顶部边框202的。这里，内容部250可被向上移位多于浏览器控制部240，其中，内容224的顶部像素行数被堵塞或被标签214的底部边沿(例如，标签工具栏的底部边沿)覆盖。

如图4中进一步示出的，底部边框204在底部过度滚动过程中还可以向上移位，收缩浏览器窗口200的大小。如图3中示出的，顶部边框202和底部边框204之间的距离被示出为高度h4。如图4中示出的，顶部边框202和底部边框204之间的距离减少并被示出为高度h5。可替代地，为了将底部边框204在底部过度滚动过程中向上移位，底部边框204可在位置上保持固定并且随着浏览器控制部240被向上移位至窗口控制部230中，浏览器控制部240、内容部250、或两者可以展开。

类似于上面顶部过度滚动过程中讨论的，底部过度滚动过程中浏览器控制部240、内容部250和底部边框204的任意或全部的移位可在对数递减的基础上被完成。例如，浏览器控制部240的移位可在第一对数递减的基础上被完成，并且内容部250的移位可在第二对数递减的基础上被完成，从而解释了浏览器控制部240和内容部250各自被向上移位了多少的差距。因此，浏览器控制部240、内容部250和底部边框204可各自以不同速率向上移位，其中，任意或所有移位速率可以是在对数递减的基础上。在另一方面，浏览器控制部240和内容部250可各自以相同速率向上移位并且可出现作为一个被整合在一起的部分向上移位。

不管浏览器控制部240压缩进窗口控制部230的量，当底部过度滚动输入停止时，浏览器控制部240和内容部250往回向下移位与浏览器控制部240和内容部250向上移位的相同的量。因此，窗口控制部230、浏览器控制部240和内容部250突然关闭或弹回至底部过度滚动过程开始显示的原始尺寸。这里，窗口控制部230、浏览器控制部240和内容部250弹回至图3中示出的位置和尺寸，其中，标签210、212、214的顶部和顶部边框202之间的距离又为高度h1。此外，如果底部边框204被向上移位，则在底部过度滚动输入停止之后，底部边框204也弹回。因此，浏览器窗口200回到底部过度滚动输入被接收之前浏览器窗口200具有的尺寸，其中，顶部边框202和底部边框204之间的距离又为高度h4。

图5图示示例过程500，所述示例过程500提供过度滚动被显示内容的视觉提示。当具有可滚动内容的窗口被显示在电子设备上时，过程500开始于步骤502。可滚动内容具有开始末端(例如，内容的顶部)和结束末端(例如，内容的底部)。内容还可以是从一边到另一边可滚动的，在这种情况下，可滚动内容还将具有最左末端和最右末端。可滚动内容可以是来自网站的网页、文章、地图，等等。在步骤504，电子设备确定可滚动内容在末端。例如，可确定被显示的内容正在被滚动至可滚动内容的开始或顶部。在步骤506，在第一方向上滚动内容的用户输入经过了可滚动内容的确定的末端。例如，用户试着滚动内容进一步经过可滚动内容的开始或顶部，或在可滚动内容的开始或顶部的前面。

在步骤508，电子设备显示视觉提示，所述视觉提示是用户正在通过过度滚动可滚动内容试着超过可滚动内容的末端。视觉提示是浏览器窗口的类触觉视觉显示，其对应于用户的物理滚动手势或动作。例如，浏览器窗口的顶部或窗口控制部可以是具有窗口控件(例如，关闭、最小化、最大化)的浏览器窗口工具栏，其在浏览器控制部(例如，标签、导航栏)和内容部(例如，网页内容)可能取决于过度滚动动作的方向向静态工具栏移动或者远离静态工具栏时保持静态。标签和/或内容的移动可提供窗口被挤压(例如，被压缩)或拉伸(例如，展开)的视觉印象。此外，一部分的外周长或浏览器窗口的边框还可以在过度滚动过程期间移动，从而压缩或展开整个浏览器窗口。

当电子设备显示第二视觉提示时，过程结束于步骤510，所述第二视觉提示示出浏览器控制部和内容部在另一方向上的移动，指示了用户的过度滚动输入已经停止。第二视觉提示可以是第一视觉提示的反转，使得浏览器控制部和内容部和/或浏览器窗口的边框往回移位至在过度滚动过程开始之前的原始位置。例如，在过度滚动过程期间浏览器控制部和内容部可向上移位至窗口控制部，并且弹回至浏览器控制部和内容部在向上移位之前所在的位置。第二视觉提示可通过过度滚动输入的停止或移动被触发。例如，在看到浏览器窗口挤压后，用户可停止尝试在第一方向上滚动，使得电子设备不再接收滚动输入，于是浏览器窗口的标签和内容突然关闭或弹回至内容的顶部。

视觉提示可包括用户试着过度滚动内容的其他视觉呈现。例如，视觉提示可包括将浏览器窗口的一部分改变成一种颜色，其中所述颜色是基于可滚动内容中的特定像素行(例如，第一或最后的像素行)的颜色。在步骤508中，当在内容的顶部过度滚动时，随着浏览器窗口的浏览器控制部和内容部远离静态工具栏移动时，窗口控制部可保持静态并且内容部的被展开的区域改变颜色以匹配内容的顶部像素行的颜色。在步骤510中，浏览器控制部和内容部弹回至预过度滚动位置并且随着内容部被展开的区域被压缩新上色的区域消失。类似地，当在内容的底部过度滚动时，内容部在窗口的底部向上移位并且窗口底部移动进视野的内容部的新区域改变颜色以匹配内容的底部像素行的颜色。此外，当内容部弹回至预过度滚动位置时，颜色消失。因此，取决于过度滚动方向，颜色在浏览器窗口的顶部或底部视觉地消失并伸展开。而且，当过度滚动输入停止时内容部弹回，引起浏览器窗口改变颜色的区域消失或变成隐藏的。

如另一个示例，视觉提示可包括改变浏览器窗口的一部分以匹配显示器的墙纸设计。例如，类似上述讨论的改变浏览器窗口区域的颜色的过程，浏览器窗口被改变的区域(例如，被展开的内容部或内容部的新区域)可示出墙纸背景，所述墙纸背景替代了特定颜色匹配显示器上示出的墙纸设计。

还是在另一个示例中，视觉提示可包括通过向内或向外移位一个或多个浏览器窗口边框压缩或展开整个浏览器窗口。例如，顶部边框可被向上移位，底部边框可被向下移位或两者，因此展开浏览器窗口至更大大小。随着浏览器窗口展开，浏览器窗口中的内容也可展开，使得同样的内容被显示，但是以更大的形式。类似地，顶部边框可被向下移位，底部边框可被向上移位或两者，因此收缩或压缩浏览器窗口至更小的大小。随着浏览器窗口收缩，浏览器窗口中的内容也可收缩，使得同样的内容被显示，但是以更小的形式。此外，例如，左边框和右边框也可被向内或向外移位。当过度滚动输入停止时，浏览器窗口还可从被展开的或被压缩的状态弹回。

图6图示了可提供过度滚动网页或内容的视觉提示的示例网络环境。网络环境100包括通过网络108可通信地连接至服务器110的多个电子设备102-106。每个电子设备102-106可包括触摸屏或其他用户输入设备(例如，鼠标、键盘)，其可以被嵌入设备自身中或可被电连接至设备(例如，作为外围设备)。服务器110包括处理设备112和数据储存器114。处理设备112执行存储在数据储存器114中的计算机指令，例如，为了提供内容(例如，网站或其他显示内容)至电子设备102-106中的任意一个。

电子设备102-106可以是移动设备(例如，智能手机、平板电脑、PDA、以及笔记本电脑)、便携式媒体播放器、台式计算机或其他合适的计算设备。在图6的示例中，电子设备102被描绘为智能手机，电子设备104被描绘为台式计算机，并且电子设备106被描绘为平板电脑。

在一些示例方面中，电子设备102-106中的任意一个可获取与将被显示在电子设备(例如，102-106)的显示器上的应用数据相对应的应用数据(例如，网页数据)、和内容(例如，图像、视频、文本、链接)。在一些示例方面中，内容可经由网络108从服务器110被传输至电子设备102-106。在另一些示例方面中，内容可被存储在各个电子设备102-106的存储组件(例如，硬盘、RAM、ROM等等)中。

电子设备102-106中的任意一个显示具有网页或其他内容的可滚动窗口。电子设备(例如，102-106中的任意一个)确定可滚动窗口在特定方向上到达滚动末端，其中，没有更多的进一步在特定方向上将被显示的内容。电子设备进一步确定用户正在尝试滚动可滚动窗口进一步经过识别的末端。

响应于所述确定，电子设备生成并显示清楚地指示已经到达可滚动窗口的末端的视觉提示。例如，运行在电子设备上的应用(例如，网页浏览器)可被打开至以显示了系列新闻标题的可滚动网页为基础的内容(例如，新闻网页)，所述新闻标题对于各个新闻标题对应了完整新闻故事的网页链接。电子设备可确定用户正在尝试滚动新闻页面进一步在新闻页面内容开始点之前。电子设备可视觉地示出新闻网页窗口向上挤压进浏览器窗口的顶部并接着弹回至显示了新闻网页开始的末端位置。服务器110可以是用于提供内容至电子设备的具有处理器、存储器和通信能力的任意系统或设备。在一些示例方面中，服务器110可以是诸如计算机服务器的单个计算设备。在其他实施例中，服务器110可以表示一起工作以执行服务器计算机动作的多于一个计算设备(例如，云计算)。

网络108可包括例如蜂窝网络、卫星网络、个人局域网(PAN)、局域网(LAN)、广域网(WAN)、宽带网(BBN)、互联网等等中的任意一个或多个。进一步地，网络108可包括，但不限于下列网络拓扑中的一个或多个，包括总线网络、星型网络、环形网络、网状网络、星型总线网络、树状或分级网络，等等。

图7概念性地图示了示例电子系统，结合所述示例电子系统可实现主题技术的一些实现。电子系统700可以是计算机、手机、PDA、或任意种类的电子设备。这种电子系统包括多种类型的计算机可读介质和用于多种其他类型的计算机可读介质的接口。电子系统700包括总线708、处理单元712、系统存储器704、只读存储器(ROM)710、永久存储设备702、输入设备接口714、输出设备接口706、和网络接口716。

总线708总体代表可通信地连接系统700的多个内部设备的所有系统、外围、和芯片组总线。例如，总线708将处理单元712可通信地连接至ROM 710、系统存储器704、和永久存储设备702。

通过这些多个存储器单元，处理单元712检索要执行的指令以及要处理的数据，从而执行主题公开的过程。处理单元在不同的实现中可以是单一处理器或多核处理器。

ROM 710存储处理单元712以及电子系统的其他模块需要的静态数据和指令。在另一方面，永久存储设备702是读写存储器设备。该设备是即使当电子系统700关闭的时候，也存储了指令和数据的非易失性存储器单元。主题公开的一些实现使用大容量存储设备(例如，磁盘或光盘以及它的对应磁盘驱动器)作为永久存储设备702。

其他实现使用可移除存储设备(例如，软盘、闪存盘、以及它的对应磁盘驱动器)作为永久存储设备702。像永久存储设备702相同，系统存储器704是读写存储器设备。然而，不同于存储设备702，系统存储器704是易失性读写存储器，例如随机存取存储器。系统存储器704存储处理器在运行时需要的指令和数据中的一些。在一些实现中，主题公开的过程被存储在系统存储器704、永久存储设备702、或ROM 710中。例如，根据一些实施例，多种存储器单元包括用于显示过度滚动视觉提示的指令。处理单元712从这些多种存储器单元中检索要执行的指令以及要处理的数据，从而执行一些实现的过程。

总线708还连接至输入和输出设备接口714和706。输入设备接口714使用户能通信信息并选择指令至电子系统。带有输入设备接口714的输入设备包括，例如，电脑键盘和定位设备(也被称为“光标控制设备”)。输出设备接口706实现例如通过电子系统700生成的图像的显示。带有输出设备接口706的输出设备包括例如打印机和显示器设备，例如，液晶显示器(LCD)。一些实现包括可用作输入和输出设备两者的设备，例如，触摸屏。

进一步地，如图7中示出的，总线708还通过网络接口716将电子系统700耦合至网络(未示出)。以这种方式，计算机可以是计算机的网络的一部分(例如，局域网“LAN”、广域网(“WAN”)，或互联网)或网络的网络，例如，互联网。电子系统700的任意或全部组件可以连同主题公开被使用。

上述特征和应用中的许多被实现为软件过程，其被指定为记录在计算机可读存储介质(也被称为计算机可读介质)上的指令集。当这些指令由一个或多个处理单元(例如，一个或多个处理器、处理器的核、或其他处理单元)被执行时，它们引起处理单元执行指令中指示的动作。计算机可读介质的示例包括，但不限于，CD-ROM、闪盘驱动器、RAM芯片、硬盘驱动器、EPROM等等。计算机可读介质不包括经过无线或有线连接的载波和电子信号。

在本说明书中，术语“软件”意在包括属于在只读存储器中的固件或被存储在磁存储器中的应用，其可被读入存储器用于由处理器处理。而且，在一些实现中，当保持主题公开的明显的软件方面时，主题公开的多个软件方面可被实现为较大的程序的子部分。在一些实现中，多个软件方面还可被实现为单独的程序。最后，一起实现本文中描述的软件方面的单独的程序的任意组合在主题公开的范围内。在一些实现中，当被安装以在一个或多个电子系统上操作时，软件程序定义一个或多个特定的机器实现，其执行并实行软件程序的操作。

计算机程序(也被称为程序、软件、软件应用、脚本、或代码)可被写为任意形式的编程语言，包括编译或直译型语言、说明性或程序性语言，并且它可以以任意形式被部署，包括作为独立程序或作为模块、组件、子程序、对象，或其他适合用于在计算环境中使用的单元。计算机程序可以，但不是必须，对应于文件系统中的文件。程序可被存储在保存其他程序或数据的文件的一部分(例如，存储在标记语言文件中的一个或多个脚本)中，在专用于正在讨论的程序的单个文件中，或在多个协调的文件(例如，存储一个或多个模块、子程序或代码的部分的文件)中。计算机程序可被部署以在位于一个地点或分布式跨多个地点并通过通信网络相互连接的一个计算机或多个计算机上被执行。

上面描述的这些功能可被实现在数字电子电路中，实现在计算机软件、固件或硬件中。所述技术可使用一个或多个计算机程序产品被实现。可编程处理器和计算机可被包括在或被封装为移动设备。过程和逻辑流程可由一个或多个可编程处理器以及由一个或多个可编程逻辑电路被执行。一般和特殊目的计算设备和存储设备可通过通信网络被相互连接。

一些实现包括电子组件，例如，在机器可读或计算机可读介质中的存储计算机程序指令的微处理器、储存器、和存储器(可替代的被称为计算机可读存储介质、机器可读介质或机器可读存储介质)。该机器可读介质的一些示例包括RAM、ROM、只读光盘(CD-ROM)、可记录光盘(CD-R)、可再写记录光盘(CD-RW)、只读数字通用磁盘(例如，DVD-ROM、双层DVD-ROM)、多种可记录/可再写DVD(例如，DVD-RAM、DVD-RW、DVD+RW等等)，闪速存储器(例如，SD卡、迷你SD卡、微型SD卡等等)、磁性或固态硬件驱动、只读及可记录蓝光磁盘、高密度光盘、任意其他光或磁媒体、以及软盘。计算机可读介质可存储可由至少一个处理单元执行并包括用于执行多种操作的指令组的计算机程序。计算机程序或计算机代码的示例包括机器代码，例如，通过编译器被执行以及包括通过计算机执行的更高级别代码的文件、电子组件、或使用注释器的微处理器。

当上面的讨论主要指执行软件的微处理器或多核处理器时，一些实现通过一个或多个集成电路被执行，例如专用集成电路(ASIC)或现场可编程门阵列(FPGA)。在一些实现中，这种集成电路执行存储在电路自己上面的指令。

如被用在本说明书中和本申请的任意权利要求中的，术语“计算机”、“服务器”、“处理器”和“存储器”都指电子或其他技术设备。这些术语排除人或人群。为了说明的目的，术语显示或显示了意思是在电子设备上显示。如被用在本说明书中和本申请的任意权利要求中的，术语“计算机可读媒介”和“计算机可读媒体”被完全限制于以计算机可读的形式存储了信息有形的物理物体。这些术语排除了任意无线信号、有线下载信号、以及任意其他瞬时信号。

为了提供与用户的交互，本说明书中描述的主题的实现可被实现在具有显示设备的计算机上，例如，LCD(液晶显示器)屏幕、用于显示信息至用户以及键盘和定点设备，例如，鼠标或轨迹球，通过其用户可以提供输入至计算机。其他类型的设备也可被使用以提供用于与用户的交互；例如，被提供给用户的反馈可以是任意形式的传感反馈，例如，视觉反馈、听觉反馈、或触觉反馈；并且从用户的输入可被以任意形式接收，包括声学的、语音的、或触觉输入。此外，计算机可以通过发送文件至设备或从设备接收文件与用户交互，其中设备被用户使用；例如，响应于从网页浏览器接收的请求，通过发送网页至用户的客户端设备网页浏览器。

本说明书中描述的主题的实施例可在包括了后端组件的计算系统中被实现，例如，数据服务器，或包括了中间设备组件的数据服务器，例如，应用服务器，或包括了前端组件的应用服务器，例如，具有图形用户界面或网页浏览器的客户端计算机，通过其用户可以与本说明书中描述的主题的实现，或一个或多个这种后端，中间设备，或前端组件的任意组合交互。系统的组件可通过数字数据通信的任意形式或介质被相互连接，例如，通信网络。通信网络的示例包括局域网“LAN”和广域网(“WAN”)、互联网络(例如，互联网)、以及对等网络(例如，点对点对等网络)。

计算系统可包括客户端和服务器。客户端和服务器一般互相远离并通常通过通信网络交互。客户端和服务器的关系通过计算机程序的优势形成，所述计算机程序运行在各自的计算机上并相互具有客户端-服务器的关系。在一些实施例中，服务器将数据(例如，HTML页)传输至客户端设备(例如，为了将数据显示给用户并从用户处接收用户输入的目的，所述用户与客户端设备交互)。在客户端设备(例如，用户交互的结果)生成的数据可以在客户机处从客户端设备被接收。

应该理解，公开的过程中的步骤的任意特定的顺序或等级是示例办法的说明。基于设计偏好，应理解，过程中的步骤的任意特定的顺序或等级可被重排列，或所有被图示的步骤都被执行。步骤中的一些可以被同步执行。例如在特定环境下，多任务和并行过程可以是有益的。此外，上述描述的实施例中的多个系统组件的分离不应被理解为在所有实施例中都要求这种分离，并且应理解被描述的程序组件和系统通常可以在单个软件产品中被整合在一起或被封装进多软件产品中。

上面的说明书被提供以使能任意本领域技术人员实践本文中描述的多个方面。对这些方面的多种修改将很容易被本领域技术人员理解，本文中定义的通用原则可被应用至其他方面。因此，权利要求不意图限制于本文中示出的方面，但将与语言权利要求全部范围始终符合，其中，除非特别阐明，单数元件的参考意思不是“一个且唯一的一个”，而是“一个或多个”。除非特别阐明否则，术语“一些”指一个或多个。男性代词(例如，他的)包括女性和中性(例如她的或它的)，反之亦然。标题和子标题，如果有，是为了方便被使用并不限于主题公开。

诸如“方面”的短语不是指这种方面对主题技术是根本的或这种方面应用至主题技术的所有配置。涉及方面的公开可应用至所有配置、或一个或多个配置。诸如方面的短语可指一个或多个方面，反之亦然。诸如“配置”的短语不是暗示这种配置对主题技术是根本的或这种配置应用至主题技术的所有配置。涉及配置的公开可应用至所有配置、或一个或多个配置。诸如配置的短语可指一个或多个配置，反之亦然。

Claims (20)

1.一种用于提供过度滚动被显示内容的视觉提示的计算机实现的方法，所述方法包括：

在设备显示器上显示窗口，所述窗口具有窗口控制部、浏览器控制部和内容部，其中，被显示的内容是可滚动的；

确定被显示的可滚动内容在第一方向上被滚动至末端；

接收用户输入以进一步在所述第一方向上滚动所述可滚动内容；以及

显示所述用户输入在所述第一方向上正在尝试超过所述可滚动内容的所述末端的视觉提示，其中，所述视觉提示包括在与滚动运动相对应的第二方向上移动所述浏览器控制部和所述内容部；

如果所述第二方向是朝向所述窗口控制部，则所述浏览器控制部的顶部与所述窗口的顶部边框之间的距离降低，其中所述视觉提示包括收缩所述窗口控制部并且将所述浏览器控制部移动到所述窗口控制部内；以及

如果所述第二方向是远离所述窗口控制部，则所述浏览器控制部的顶部与所述窗口的顶部边框之间的距离增加，其中所述视觉提示包括展开所述窗口控制部并且将所述浏览器控制部移动远离所述窗口控制部。

2.如权利要求1所述的方法，进一步包括：在与所述浏览器控制部相同的方向上移动所述内容部。

3.如权利要求1或2所述的方法，其中，在所述浏览器控制部和所述内容部的移动期间，所述窗口保持恒定大小。

4.如权利要求1或2所述的方法，其中，当所述第二方向是朝向所述窗口控制部时，在所述浏览器控制部和所述内容部的运动期间所述窗口的大小减小。

5.如权利要求1或2所述的方法，其中，所述浏览器控制部和所述内容部以相同的对数递减为基础在所述第二方向上移动。

6.如权利要求2所述的方法，其中，所述浏览器控制部和所述内容部中的每个以不同的对数递减为基础在所述第二方向上移动。

7.如权利要求1所述的方法，进一步包括：

当用户的过度滚动输入停止时显示第二视觉提示，其中，所述第二视觉提示包括在所述第一方向上移动所述浏览器控制部和所述内容部，其中所述第一方向与所述第二方向相反。

8.如权利要求7所述的方法，其中，所述浏览器控制部和所述内容部在所述第一方向上移动与所述浏览器控制部和所述内容部在所述第二方向上所移动的相同的距离。

9.如权利要求1所述的方法，其中，所述视觉提示进一步包括将所述窗口的一部分改变成一种颜色，其中，所述颜色是基于所述可滚动内容的像素行的颜色。

10.如权利要求1所述的方法，其中，所述视觉提示进一步包括改变所述窗口的一部分以匹配被显示在所述设备显示器上的墙纸设计。

11.如权利要求1所述的方法，其中，所述浏览器控制部中的浏览器控制元件和所述内容部中的内容在没有扭曲的情况下在所述第二方向上移位。

12.如权利要求1所述的方法，其中，如果所述第二方向朝向所述窗口控制部，则所述视觉提示还包括紧缩所述窗口控制部并且展开所述内容部。

13.如权利要求1所述的方法，其中，所述第二方向与所述第一方向相反。

14.如权利要求1所述的方法，其中，当所述浏览器控制部和所述内容部朝向所述窗口控制部移动时，所述窗口被压缩。

15.如权利要求1所述的方法，其中，当所述浏览器控制部和所述内容部移动远离所述窗口控制部时，所述窗口控制部被拉伸。

16.如权利要求1所述的方法，其中，如果所述第二方向是远离所述窗口控制部，则所述视觉提示包括：展开所述窗口控制部以及压缩所述内容部。

17.如权利要求16所述的方法，其中，所述视觉提示进一步包括在所述第一方向上移动所述窗口的边框，以压缩所述窗口。

18.如权利要求1所述的方法，其中，所述视觉提示进一步包括展开所述浏览器控制部。

19.一种用于提供过度滚动被显示内容的视觉提示的计算机实现的系统，所述系统包括：

一个或多个处理器；以及

机器可读介质，所述机器可读介质包括存储在其中的指令，所述指令当由所述处理器执行时，使得所述处理器执行根据权利要求1-18中任一项所述的方法。

20.一种包括机器可读指令的非暂时机器可读存储介质，所述机器可读指令用于使得处理器执行权利要求1-18中任一项所述的用于提供过度滚动被显示内容的视觉提示的方法。