CN103677524A - 导航条呈现方式的控制方法及装置 - Google Patents

Abstract

本发明公开了一种导航条呈现方式的控制方法及装置，以使导航条能够根据当前窗口位置以及导航条所关联的内容区域在页面中的位置进行灵活布局，方便用户操作。本发明中根据窗口顶端相对页面顶端的位置，确定当前窗口位置；根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式。通过本发明能够能够根据实际窗口位置进行导航条呈现方式的选择，选择导航条固定在页面上，还是吸附到窗口上，使导航条的在页面中的布局更为灵活，方便用户操作。

Description

导航条呈现方式的控制方法及装置

技术领域

本发明涉及网络技术领域，尤其涉及一种导航条呈现方式的控制方法及装置。

背景技术

为方便用户浏览网页，一般会对页面中的显示内容设置导航条，导航条上设置有能够实现不同浏览功能的选项，通过导航条上各个选项能够对与该导航条相关联的内容区域中的显示内容进行方便快捷的操作，例如切换显示内容的类别，或者筛选需要显示的内容。

导航条的一种呈现方式是，导航条相对页面固定，导航条设置于页面的固定位置处，例如，将导航条固定在内容区域的顶部。然而，作为页面内容展示区的窗口大小一般为固定大小，在窗口大小不能满足对页面内容的充分显示而需要用户通过滚动鼠标等方式实现对页面内容的滚动显示的情况下，固定在内容区域顶部的导航条很容易被滚动到窗口以外而无法进行显示。此时若需要操作导航条实现相应的功能，则需要先控制页面内容进行滚动显示，使得窗口中再次显示导航条，然后对导航条进行操作实现相应的功能。

导航条的另一种呈现方式是，导航条相对窗口固定，导航条吸附在窗口上，不随页面的滚动而滚动，使得用户无论将页面滚动到哪里，都能够快捷的对导航条进行操作。然而，由于导航条可以与页面中全部显示内容关联，也可以与页面中部分内容相关联，若窗口中显示的内容不再与导航条相关联，则采用将导航条吸附在窗口上的呈现方式，可能会使用户误认为窗口显示的当前内容也从属于窗口上显示的导航条，进而使用户产生错误的操作。

因此，现有导航条的两种呈现方式都存在不足，有必要提供一种新的导航条呈现方式。

发明内容

本发明的目的是提供一种导航条呈现方式的控制方法及装置，以使导航条能够根据当前窗口位置以及导航条所关联的内容区域在页面中的位置进行灵活布局。

本发明的目的是通过以下技术方案实现的：

本发明一方面，提供一种导航条呈现方式的控制方法，包括：

根据窗口顶端相对页面顶端的位置，确定当前窗口位置；

根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式。

本发明提供的导航条呈现方式的控制方法，通过获取当前窗口的位置，并根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式，使得导航条的呈现方式能够根据当前窗口位置的变化而进行调整，故根据窗口所在位置以及导航条所关联的内容区域确定导航条的呈现方式，能够根据实际窗口位置进行导航条呈现方式的选择，选择导航条固定在页面上，随页面的滚动而移动，还是吸附到窗口上，不随页面的滚动而移动，使导航条的在页面中的布局更为灵活，方便用户操作。

优选的，所述根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式，具体包括：

获取第一距离值和第二距离值；其中，所述第一距离值为当前窗口顶端到页面顶端的距离的值，所述第二距离值为所述内容区域顶端到页面顶端的距离的值；

判断所述第一距离值是否大于所述第二距离值；

若是，则确定所述导航条的呈现方式为相对窗口固定；

若否，则确定所述导航条的呈现方式为相对页面固定。

上述通过判断窗口顶端与页面顶端之间的第一距离值和内容区域顶端与页面顶端之间的第二距离值的大小，进行判断是否进行导航条呈现方式的切换，方式实现简单，并能即时进行导航条呈现方式的调整。

进一步的，本发明实施例中确定所述导航条的呈现方式为相对窗口固定后，该方法还包括：

复制所述导航条的页面节点，得到所述导航条的页面对象；

将所述页面对象加载到页面中并置于最上层，形成与所述导航条对应的第二页面节点；

修改所述第二页面节点的样式属性，使与所述第二页面节点对应的导航条吸附到窗口的设定位置处。

本发明上述实施例中通过复制导航条的页面节点，并修改页面节点样式属性的方式，将显示内容的导航条吸附到窗口的设定位置处，无需重新创建新的导航条，通过简单的属性修改即可完成，实现简单。

优选的，本发明实施例将所述导航条吸附到窗口的设定位置处后，该方法还包括：

获取第三距离值，其中，所述第三距离值为所述内容区域底端到页面顶端的距离的值；

判断所述第一距离值是否大于所述第三距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持所述导航条相对窗口固定的呈现方式不变。

通过上述进行第一距离值与第三距离值大小的判断，能够在导航条关联的页面区域不在窗口显示时，将吸附在窗口设定位置处的导航条即时删除或隐藏，以避免造成视觉逻辑错误。

优选的，本发明实施例中将所述导航条吸附到窗口的设定位置处后，该方法还包括：

判断所述第一距离值是否不大于所述第二距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持所述导航条相对窗口固定的呈现方式不变。

本发明实施例中在将导航条吸附到窗口后，对第一距离值与第二距离值继续进行判断，在第一距离值小于第二距离值时，删除或隐藏吸附到窗口设定位置处的导航条，实现导航条由相对窗口固定呈现方式切换到相对页面固定呈现方式。

本发明另一方面，提供一种导航条呈现方式的控制装置，包括：

确定单元，用于根据窗口顶端相对页面顶端的位置，确定当前窗口位置；

处理单元，用于根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式。

本发明提供的导航条呈现方式的控制装置，通过确定单元获取当前窗口的位置，并由处理单元根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式，使得导航条的呈现方式能够根据当前窗口位置的变化而进行调整，故根据窗口所在位置以及导航条所关联的内容区域确定导航条的呈现方式，能够根据实际窗口位置进行导航条呈现方式的选择，选择导航条固定在页面上，随页面的滚动而移动，还是吸附到窗口上，不随页面的滚动而移动，使导航条的在页面中的布局更为灵活，方便用户操作。

优选的，所述处理单元，具体用于：

获取第一距离值和第二距离值；其中，所述第一距离值为当前窗口顶端到页面顶端的距离的值，所述第二距离值为所述内容区域顶端到页面顶端的距离的值；

判断所述第一距离值是否大于所述第二距离值；

若是，则确定所述导航条的呈现方式为相对窗口固定；

若否，则确定所述导航条的呈现方式为相对页面固定。

上述通过判断窗口顶端与页面顶端之间的第一距离值和内容区域顶端与页面顶端之间的第二距离值的大小，进行判断是否进行导航条呈现方式的切换，方式实现简单，并能即时进行导航条呈现方式的调整。

进一步的，所述处理单元，具体用于：

确定所述导航条的呈现方式为相对窗口固定后，复制所述导航条的页面节点，得到所述导航条的页面对象；

将所述页面对象加载到页面中并置于最上层，形成与所述导航条对应的第二页面节点；

修改所述第二页面节点的样式属性，使与所述第二页面节点对应的导航条吸附到窗口的设定位置处。

本发明上述实施例中通过复制导航条的页面节点，并修改页面节点样式属性的方式，将显示内容的导航条吸附到窗口的设定位置处，无需重新创建新的导航条，通过简单的属性修改即可完成，实现简单。

优选的，所述处理单元，还用于：

将所述导航条吸附到窗口的设定位置处后，获取第三距离值，其中，所述第三距离值为所述内容区域底端到页面顶端的距离的值；

判断所述第一距离值是否大于所述第三距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持所述导航条相对窗口固定的呈现方式不变。

通过上述进行第一距离值与第三距离值大小的判断，能够在导航条关联的页面区域不在窗口显示时，将吸附在窗口设定位置处的导航条即时删除或隐藏，以避免造成视觉逻辑错误。

优选的，所述处理单元，还用于：

将所述导航条吸附到窗口的设定位置处后，判断所述第一距离值是否不大于所述第二距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持所述导航条相对窗口固定的呈现方式不变。

本发明实施例中在将导航条吸附到窗口后，对第一距离值与第二距离值继续进行判断，在第一距离值小于第二距离值时，删除或隐藏吸附到窗口设定位置处的导航条，实现导航条由相对窗口固定呈现方式切换到相对页面固定呈现方式。

附图说明

图1为本发明实施例提供的导航条呈现方式的控制方法流程图；

图2为本发明实施例提供的导航条呈现方式的控制方法又一流程图；

图3为本发明实施例提供的窗口位置与内容区域位置之间的位置示意图；

图4为本发明实施例提供的导航条吸附到窗口的设定位置处的实现方法流程图；

图5为本发明实施例提供的导航条呈现方式的控制方法再一流程图；

图6为本发明实施例提供的窗口位置与内容区域位置之间的又一位置示意图；

图7为本发明实施例提供的导航提呈现方式控制方法实现过程示意图；

图8为本发明实施例提供的导航条呈现方式控制装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，并不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供一种导航条呈现方式的控制方法，使得导航条能够根据当前窗口位置，实现将导航条设置于页面的固定位置处，随页面的滚动而移动，还是吸附到窗口上，不随页面的滚动而移动。

本发明实施例涉及网页中导航条的呈现方式的控制方法，如图1所示，包括：

S101：根据窗口顶端相对页面顶端的位置，确定当前窗口位置。

具体的，页面一般由网页浏览器中一个链接地址所指向的能被浏览器访问到的全部内容组成，根据显示内容的多少具有不同的长度大小，但当显示内容确定后则页面的长度大小也是确定的。

窗口，在系统中被认为是一个相对独立的展示区，对页面中的显示内容进行展示。在页面长度比较大，显示内容比较多，而不能在窗口中完全展示时，通过窗口的移动，将页面理解为若干个窗口无缝连接顺序排列组成，可以实现对页面中的全部内容进行显示。

本发明实施例中实时对窗口位置进行监控，并确定窗口顶端相对页面顶端的位置，得到当前窗口位置。

S102：根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式。

导航条是页面中的一个独立模块，具有相关的选项，页面中的显示内容以内容区域形式与导航条相关联，导航条设置在内容区域的顶端，通过导航条的各选项可以对与该导航条相关联的内容区域中的显示内容进行快捷操作，例如，可以切换相关信息的类别，筛选条件，返回上一级等。导航条可以与页面中的全部显示内容相关联，也可以与页面中的部分显示内容相关联。

本发明实施例中，通过当前窗口位置，以及导航条所关联的内容区域在页面中的位置，能够确定当前窗口中是否会显示有与当前显示内容相关联的导航条，进而确定导航条的呈现方式，例如若窗口能够将与导航条相关联的内容区域完整显示，则可选择将导航条固定在内容区域顶端（导航条相对页面固定）的呈现方式，若窗口不能够将与导航条相关联的内容区域完整显示，则可选择将导航条吸附到窗口上（导航条相对窗口固定）的呈现方式。

一般的，导航条默认呈现方式为相对页面固定，并设置在与其相关联的内容区域顶部，随着页面的滚动而滚动，当窗口能够将与导航条相关联的内容区域进行完整显示时，此时用户可以直接对导航条进行相关操作，可当窗口不能将与导航条相关联的内容区域完整显示，此时用户对导航条的操作就比较繁琐，需要将导航条重新移动到窗口中进行操作。

优选的，本发明实施例提供的一种导航条呈现方式的控制方法，实现过程如图2所示，包括：

S1021：获取当前窗口顶端到页面顶端的距离值，得到第一距离值。

S1022：获取与导航条相关联的内容区域顶端到页面顶端的距离值，得到第二距离值。

S1023：判断第一距离值是否大于第二距离值，若是，则进行S1024，否则进行S1025。

S1024：确定导航条的呈现方式为相对窗口固定。

具体的，本发明实施例中通过判断窗口顶端与页面顶端之间的第一距离值和内容区域顶端与页面顶端之间的第二距离值的大小，即可确定与导航条相关联的内容区域是否在窗口中显示，如图3所示，窗口A的顶端距离值页面C的顶端的距离值为S1，与导航条B相关联的内容区域D的顶端距离值页面C的顶端的距离值为S2，S1大于S2时，与导航条B相关联的内容区域D在窗口中显示。

本发明实施例中，由于窗口A不能将内容区域D完整显示，故本发明实施例中在确定了S1大于S2，窗口即将显示与导航条B相关联的内容区域D时，将导航条的呈现方式确定为相对窗口固定，并将导航条吸附到窗口的设定位置处，此时导航条将不随着页面的滚动而移动，总是在窗口中显示，实现导航条由相对页面固定的呈现方式切换到相对窗口固定的呈现方式，能够方便用户的操作。

S1025：确定所述导航条的呈现方式为相对页面固定。

本发明实施例中，通过判断窗口顶端与页面顶端之间的第一距离值和内容区域顶端与页面顶端之间的第二距离值的大小，进行判断是否进行导航条呈现方式的切换，方式实现简单，并能即时进行导航条呈现方式的调整。

本发明实施例以下，将对上述实施例涉及的S1024中将导航条吸附到窗口的设定位置处的实现过程进行具体说明。

网页中的元素都是以节点树的形式保存在代码中，每一个页面元素在代码中都有相应的节点与之对应，即页面节点，通过修改页面节点可以改变元素的内容和外观。

进一步的，页面中元素具有样式属性，通过样式代码来控制其呈现方式，通过修改元素对应的样式属性可以改变其外观。

本发明实施例S1024中将导航条吸附到窗口的设定位置处，可优选如下方式，如图4所示，包括：

S201：获取与当前窗口显示的内容区域相关联的导航条的页面节点，作为第一页面节点。

S202：复制第一页面节点，得到导航条的页面对象。

S203：将S202中得到的页面对象加载到页面中并置于最上层，形成与该导航条对应的第二页面节点。

S204：修改第二页面节点的样式属性，将与第二页面节点对应的导航条吸附到窗口的设定位置处。

本发明实施例中，导航条在窗口中吸附的位置，可以根据内容区域在窗口中的位置进行选择，例如，可以选择与内容区域邻近的位置进行导航条的吸附设置。

本发明上述实施例中通过复制导航条的页面节点，并修改页面节点样式属性的方式，将显示内容的导航条吸附到窗口的设定位置处，无需重新创建新的导航条，通过简单的属性修改即可完成，实现简单。

进一步的，本发明实施例中，在完成S1024，即将导航条吸附到窗口的设定位置处后，还包括如图5所示的流程，包括：

S1026：获取内容区域底端到页面顶端的距离值，得到第三距离值。

S1027：判断第一距离值是否大于第三距离值，若是，则进行S1028，若否，则进行S1029。

S1028：删除或隐藏吸附到窗口设定位置处的导航条。

具体的，本发明实施例中实时监控当前窗口的位置，在窗口顶端与页面顶端之间的第一距离值大于内容区域底端与页面顶端之间的第三距离值时，即可确定与导航条相关联的内容区域将不会在窗口中显示，如图6所示，窗口A的顶端距离页面C的顶端的距离值为S1，大于导航条B相关联的内容区域D的底端距离页面C的顶端的距离值为S3时，与导航条B相关联的内容区域D将移出在窗口的显示范围，故此时通过删除或隐藏吸附在窗口设定位置处的导航条，使窗口中不再显示导航条，实现导航条由相对窗口固定的呈现方式切换到相对页面固定的呈现方式，以避免造成视觉逻辑错误，是用户误操作。

S1029：保持导航条相对窗口固定的呈现方式不变。

优选的，本发明实施例中完成S1024，即将导航条吸附到窗口的设定位置处后，仍需实时监控窗口位置，并判断窗口顶端相对页面顶端的第一距离值是否不大于内容区域顶端相对页面顶端的第二距离值，若是，则表明窗口重新返回至能够将导航条显示的位置，此时则可删除或隐藏吸附到窗口设定位置处的导航条，将导航条的呈现方式由相对窗口固定的呈现方式切换到相对页面固定的呈现方式。若否，则保持导航条相对窗口固定的呈现方式不变。

本发明提供的导航条呈现方式的控制方法，通过获取当前窗口的位置，并根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式，使得导航条的呈现方式能够根据当前窗口位置的变化而进行调整，故根据窗口所在位置以及导航条所关联的内容区域确定导航条的呈现方式，能够根据实际窗口位置进行导航条呈现方式的选择，选择导航条固定在页面上，随页面的滚动而移动，还是吸附到窗口上，不随页面的滚动而移动，使导航条的在页面中的布局更为灵活，方便用户操作。

本发明以下将结合实际应用场景，对上述实现导航条呈现方式的控制方法进行详细说明。

本发明实施例以窗口中上下移动方式为例进行说明，当然并不引以为限，也可以是在横向上左右滚动。

如图7所示为本发明实施例提供的实现导航条呈现方式控制方法实现过程示意图。

S301：设置监控A，监控窗口在页面中所处的位置，获取窗口顶端相对页面顶端的位置，得到窗口位置。

在S301中的监控A监测到窗口位置滚动至预设的标准位置以下时，进行S302，该预设的标准位置即为窗口顶端相对页面顶端的第一距离值大于导航条相关联的内容区域顶端相对页面顶端的第二距离值的临界位置。

S302：将导航条吸附到窗口的设定位置处，设置监控B。

具体的，本发明实施例中首先找到与窗口显示的内容区域相关联的导航条所在的第一页面节点，然后将其复制为新的对象X，将对象X重新加载到页面中形成新的页面节点，作为第二页面节点，并使该第二页面节点置于页面的最上层。通过修改第二页面节点的样式属性，使其固定在窗口的设定位置处，完成将导航条吸附到窗口的设定位置处的过程，使该导航条不随页面滚动而移动。

本发明实施例中，将导航条吸附到窗口的设定位置处后，设置新的监控C进行窗口位置的监测。

本发明实施例中分别设置监控A和监控C进行窗口位置的监测，能够更便于程序指令的执行。

S303：监控B监测窗口位置。在窗口位置滚动至预设的标准位置以上时，进行S304。

S304：在页面上删除S302中在页面中添加的第二节点，将导航条恢复到页面固定位置显示，并触发监控A继续进行窗口位置的监控。

优选的，本发明实施例中也可隐藏S302中在页面中添加的第二节点，将导航条恢复到页面处固定位置显示，以便下次进行导航条吸附到窗口固定位置时，直接调用，无需重新创建。

进一步优选的，本发明实施例中在将显示内容的导航条吸附到窗口的设定位置处后，进行窗口位置的监控时，可采用同一监控程序执行，在不同的位置处，采用不同的触发条件，即：在窗口位置未超出预设的标准位置时，采用第一触发条件触发监控窗口位置在页面中的位置；在窗口位置超出预设的标准位置时，采用第二触发条件触发监控窗口位置在页面中的位置。

本发明实施例提供的导航条呈现方式的控制方法，使导航条的显示方式，不再局限于单一的呈现方式，可以在页面中固定位置程序，随页面的滚动而移动，也可通过吸附在窗口固定位置处，不随页面的滚动而移动。

基于上述提供的导航条呈现方式的控制方法，本发明还提供了一种导航条呈现方式的控制装置，如图8所示，包括：

确定单元1，用于获取窗口顶端相对页面顶端的位置，得到当前窗口位置。

处理单元2，用于根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式。

本发明提供的导航条呈现方式的控制装置，通过确定单元获取当前窗口的位置，并由处理单元根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式，使得导航条的呈现方式能够根据当前窗口位置的变化而进行调整，故根据窗口所在位置以及导航条所关联的内容区域确定导航条的呈现方式，能够根据实际窗口位置进行导航条呈现方式的选择，选择导航条固定在页面上，随页面的滚动而移动，还是吸附到窗口上，不随页面的滚动而移动，使导航条的在页面中的布局更为灵活，方便用户操作。

优选的，处理单元2，具体用于：

当导航条所关联的内容区域面积大于窗口区域面积时，且该导航条的初始呈现方式为相对页面固定时；

获取当前窗口顶端到页面顶端的距离值，得到第一距离值；

获取内容区域顶端到页面顶端的距离值，得到第二距离值；

判断第一距离值是否大于第二距离值；

若是，则确定导航条的呈现方式为相对窗口固定，并将导航条吸附到窗口的设定位置处；

若否，则保持导航条相对页面固定的呈现方式不变。

上述通过判断窗口顶端与页面顶端之间的第一距离值和内容区域顶端与页面顶端之间的第二距离值的大小，进行判断是否进行导航条呈现方式的切换，方式实现简单，并能即时进行导航条呈现方式的调整。

进一步的，处理单元2，具体用于：

获取导航条的页面节点，作为第一页面节点；

复制第一页面节点，得到导航条的页面对象；

将页面对象加载到页面中并置于最上层，形成第二页面节点；

修改第二页面节点的样式属性，将导航条吸附到窗口的设定位置处。

本发明上述实施例中通过复制导航条的页面节点，并修改页面节点样式属性的方式，将显示内容的导航条吸附到窗口的设定位置处，无需重新创建新的导航条，通过简单的属性修改即可完成，实现简单。

优选的，处理单元2，还用于：

将导航条吸附到窗口的设定位置处后，获取内容区域底端到页面顶端的距离值，得到第三距离值；

判断第一距离值是否大于第三距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持导航条相对窗口固定的呈现方式不变。

通过上述进行第一距离值与第三距离值大小的判断，能够在导航条关联的页面区域不在窗口显示时，将吸附在窗口设定位置处的导航条即时删除或隐藏，以避免造成视觉逻辑错误。

优选的，处理单元2，还用于：

将导航条吸附到窗口的设定位置处后，判断第一距离值是否小于第二距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持导航条相对窗口固定的呈现方式不变。

本发明实施例中在将导航条吸附到窗口后，对第一距离值与第二距离值继续进行判断，在第一距离值小于第二距离值时，删除或隐藏吸附到窗口设定位置处的导航条，实现导航条由相对窗口固定呈现方式切换到相对页面固定呈现方式。

本发明提供的导航条呈现方式的控制装置，通过确定单元获取当前窗口的位置，并由处理单元根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式，使得导航条的呈现方式能够根据当前窗口位置的变化而进行调整，故根据窗口所在位置以及导航条所关联的内容区域确定导航条的呈现方式，能够根据实际窗口位置进行导航条呈现方式的选择，选择导航条固定在页面上，随页面的滚动而移动，还是吸附到窗口上，不随页面的滚动而移动，使导航条的在页面中的布局更为灵活，方便用户操作。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (10)

1.一种导航条呈现方式的控制方法，其特征在于，包括：

根据窗口顶端相对页面顶端的位置，确定当前窗口位置；

根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式。

2.如权利要求1所述的方法，其特征在于，所述根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式，具体包括：

获取第一距离值和第二距离值；其中，所述第一距离值为当前窗口顶端到页面顶端的距离的值，所述第二距离值为所述内容区域顶端到页面顶端的距离的值；

判断所述第一距离值是否大于所述第二距离值；

若是，则确定所述导航条的呈现方式为相对窗口固定；

若否，则确定所述导航条的呈现方式为相对页面固定。

3.如权利要求2所述的方法，其特征在于，所述确定所述导航条的呈现方式为相对窗口固定后，该方法还包括：

复制所述导航条的页面节点，得到所述导航条的页面对象；

将所述页面对象加载到页面中并置于最上层，形成与所述导航条对应的第二页面节点；

修改所述第二页面节点的样式属性，使与所述第二页面节点对应的导航条吸附到窗口的设定位置处。

4.如权利要求3所述的方法，其特征在于，将所述导航条吸附到窗口的设定位置处后，该方法还包括：

获取第三距离值，其中，所述第三距离值为所述内容区域底端到页面顶端的距离的值；

判断所述第一距离值是否大于所述第三距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持所述导航条相对窗口固定的呈现方式不变。

5.如权利要求3所述的方法，其特征在于，将所述导航条吸附到窗口的设定位置处后，该方法还包括：

判断所述第一距离值是否不大于所述第二距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持所述导航条相对窗口固定的呈现方式不变。

6.一种导航条呈现方式的控制装置，其特征在于，包括：

确定单元，用于根据窗口顶端相对页面顶端的位置，确定当前窗口位置；

处理单元，用于根据当前窗口位置以及导航条所关联的内容区域在页面中的位置，确定导航条的呈现方式。

7.如权利要求6所述的装置，其特征在于，所述处理单元，具体用于：

获取第一距离值和第二距离值；其中，所述第一距离值为当前窗口顶端到页面顶端的距离的值，所述第二距离值为所述内容区域顶端到页面顶端的距离的值；

判断所述第一距离值是否大于所述第二距离值；

若是，则确定所述导航条的呈现方式为相对窗口固定；

若否，则确定所述导航条的呈现方式为相对页面固定。

8.如权利要求7所述的装置，其特征在于，所述处理单元，具体用于：

确定所述导航条的呈现方式为相对窗口固定后，复制所述导航条的页面节点，得到所述导航条的页面对象；

将所述页面对象加载到页面中并置于最上层，形成与所述导航条对应的第二页面节点；

修改所述第二页面节点的样式属性，使与所述第二页面节点对应的导航条吸附到窗口的设定位置处。

9.如权利要求8所述的装置，其特征在于，所述处理单元，还用于：

将所述导航条吸附到窗口的设定位置处后，获取第三距离值，其中，所述第三距离值为所述内容区域底端到页面顶端的距离的值；

判断所述第一距离值是否大于所述第三距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持所述导航条相对窗口固定的呈现方式不变。

10.如权利要求8所述的装置，其特征在于，所述处理单元，还用于：

将所述导航条吸附到窗口的设定位置处后，判断所述第一距离值是否不大于所述第二距离值；

若是，则删除或隐藏吸附到窗口设定位置处的导航条；

若否，则保持所述导航条相对窗口固定的呈现方式不变。

Images