一种平滑滚动导航实现方法、装置、电子设备及存储介质与流程

1.本发明涉及互联网技术领域，尤其涉及一种平滑滚动导航实现方法、装置、电子设备及存储介质。


背景技术：

2.现有的网页在使用时，会根据要求进行导航到目标内容。现有的网页的导航方法有四种，
3.一是通过html(hyper text markup language,超文本标记语言)的a标签的href(hypertext reference,指定超链接目标的url)链接目标内容，当触发该该链接目标内容时，滚动框表现为立即滚动，使得滚动效果过于突兀。
4.二是通过css(ascading style sheets,层叠样式表)属性scroll
‑
behavior在根html元素中指定这个属性值为smooth实现一个滚动框的平滑滚动。浏览器兼容性情况如图1所示，从图1中可知浏览器ie(internetexplorer)、safari和移动端系统iossafari的兼容性最差。其中smooth
‑
scroll.js是一个插件，用于实现页面的平滑跳转。
5.三是通过js(javascript，即时编译型的编程语言)的element接口的scrollintoview()方法滚动元素的父容器，指定过渡动画behavior为smooth。element.scrollintoview方法浏览器兼容性如图2所示其中element.scrollintoview()方法让当前的元素滚动到浏览器窗口的可视区域内，从图2可知浏览器ie(internetexplorer)、safari和移动端系统iossafari兼容性差。
6.四是通过js封装库jquery的animate({scrolltop:目标位置})方法创建自定义动画,滚动容器到指定的滚动条，实现平滑移动。animate()方法法执行css属性集的自定义动画。该方法通过css样式将元素从一个状态改变为另一个状态。css属性值是逐渐改变的，这样就可以创建动画效果，但这样的滚动方式前提需先引入一个js类库，从而增加了请求包体积负担。
7.可见，现有技术的浏览器的导航方法采用原生提供的js方法或css属性不仅存在浏览器兼容性较差的情况，而且其导航效果不佳的问题。
8.因此，现有技术还有待于改进和发展。


技术实现要素：

9.鉴于上述现有技术的不足，本发明提供了一种平滑滚动导航实现方法、装置、电子设备及存储介质，旨在解决现有技术中浏览器的滚动导航方法存在浏览器兼容性较差的问题。
10.本发明的技术方案如下：
11.本发明第一实施例提供了一种平滑滚动导航实现方法，方法包括：
12.获取目标滚动位置，所述目标滚动位置为原始页面导航后的目标页面所在位置；
13.通过文档对象模型获取原始页面的滚动参数；
14.根据浏览器对象模型中的滚动函数及所述滚动参数，对所述原始页面进行页面滚动，直至滚动到所述目标滚动位置时停止滚动。
15.进一步地，获取目标滚动位置包括：
16.获取预先设定的目标滚动位置；
17.或是，获取目标元素，通过文档对象模型获取目标元素滚动位置，目标滚动位置为目标元素滚动位置。
18.进一步地，获取目标滚动位置还包括：
19.通过文档对象模型获取原始页面当前窗口的最大滚动值；
20.若目标滚动位置大于最大滚动值，则将目标滚动位置更新为最大滚动值。
21.进一步地，通过文档对象模型获取原始页面当前窗口的最大滚动值包括：
22.通过文档对象模型获取原始页面当前窗口的窗口高度和滚动条高度；
23.根据窗口高度和滚动条高度计算原始页面当前窗口的最大滚动值。
24.进一步地，通过文档对象模型获取原始页面的滚动参数包括：
25.通过文档对象模型获取当前原始页面滚动高度和滚动速度。
26.进一步地，根据浏览器对象模型中的滚动函数及滚动参数，对原始页面进行页面滚动，直至滚动到目标滚动位置时停止滚动包括：
27.根据当前滚动高度及目标滚动位置，计算当前滚动高度距离目标滚动位置的滚动距离；
28.若滚动距离大于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对原始页面进行页面滚动，直至滚动距离小于预定值；
29.若滚动距离小于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对原始页面进行页面滚动，直至滚动到目标滚动位置时停止滚动。
30.进一步地，若滚动距离大于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对原始页面进行页面滚动，直至滚动距离小于预定值包括：
31.若滚动距离大于预定值，则根据滚动速度计算当前时间片在原始页面滚动到的当前位置，根据浏览器对象模型中的滚动函数及滚动速度，对原始页面进行页面滚动到当前位置，生成中间页面，并根据当前位置更新当前滚动高度；
32.根据更新后的当前滚动高度、目标滚动位置计算更新后的滚动距离，判断更新后的滚动距离是否大于预定值，若更新后的滚动距离大于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对中间页面进行页面滚动，直至滚动距离小于预定值。
33.本发明的另一实施例提供了一种平滑滚动导航实现装置，装置包括：
34.目标滚动位置获取模块，用于获取目标滚动位置，目标滚动位置为原始页面导航后的目标页面所在位置；
35.滚动参数获取模块，用于通过文档对象模型获取原始页面的滚动参数；
36.滚动模块，用于根据浏览器对象模型中的滚动函数及滚动参数，对原始页面进行页面滚动，直至滚动到目标滚动位置时停止滚动。
37.本发明的另一实施例提供了一种电子设备，所述电子设备包括至少一个处理器；以及，
38.与所述至少一个处理器通信连接的存储器；其中，
39.所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行上述的平滑滚动导航实现方法。
40.本发明的另一实施例还提供了一种非易失性计算机可读存储介质，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行上述的平滑滚动导航实现方法。
41.有益效果：本发明实施例通文档对象模型dom获取滚动参数，根据浏览器对象模型bom中的滚动函数根据滚动参数实现页面的平滑滚动，一方面，由于滚动参数是根据实际的可视窗口大小进行设置，使得页面导航位置更加精准，另一方面，由于文档对象模型为通用的标准编程接口，即一种与平台和语言无关的应用程序接口，使得各种web页面和移动端页面不因操作系统或者浏览器内核的不同而导致不可用的情况，其兼容性强，为用户实现页面平滑滚动导航提供了方便，同时，本发明技术方案不需要引入js封装库就能实现页面平滑滚动，从而减少了请求包体积负担。
附图说明
42.下面将结合附图及实施例对本发明作进一步说明，附图中：
43.图1为现有技术的滚动导航的第一种实现方法示意图；
44.图2为现有技术的滚动导航的第二种实现方法示意图；
45.图3为本发明一种平滑滚动导航实现方法较佳实施例的流程图；
46.图4为本发明一种平滑滚动导航实现方法的具体应用实施例的需求效果示意图；
47.图5为本发明一种平滑滚动导航实现装置的较佳实施例的功能模块示意图；
48.图6为本发明一种电子设备的较佳实施例的硬件结构示意图。
具体实施方式
49.为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
50.以下结合附图对本发明实施例进行介绍。
51.本发明实施例提供了一种平滑滚动导航实现方法，请参阅图3，图3为本发明一种平滑滚动导航实现方法较佳实施例的流程图。如图3所示，其包括步骤：
52.步骤s100、获取目标滚动位置，目标滚动位置为原始页面导航后的目标页面所在位置；
53.具体地，本发明实施例的平滑滚动导航实现方法应用于电子设备。电子设备可用于计算机或是移动设备。平滑滚动导航实现页面可用于计算机的web页面或移动设备的应用程序页面。web(world wide web,全球广域网)也称为万维网，它是一种基于超文本和http的、全球性的、动态交互的、跨平台的分布式图形信息系统。web页面是指网页。移动设备一边是指移动互联网终端，包括但不限于移动互联网设备、上网本、智能手机和智能导航仪等设备。
54.平滑滚动导航指令可以是通过用户通过手动点击页面上的目标内容后进行触发，也可以是用户进入原始页面后，根据历史记录最终指向的目标内容所在的位置信息，触发原始页面导航到目标内容。目标内容包括但不限于页面搜索框中的内容、导航菜单指向的
当前页面的内容或者导航指向的其他网页的内容。目标内容为页面搜索框中的内容时，例如在用户点击搜索框中的输入的文字，则页面跳转至文字对应内容。
55.原始页面在检测到平滑滚动导航指令后,获取目标内容,根据目标内容获取目标滚动位置,目标滚动位置为原始页面导航后的目标页面所在位置。目标页面为滚动导航后的页面。
56.步骤s200、通过文档对象模型获取原始页面的滚动参数；
57.具体实施时，dom(document object model，文档对象模型)是w3c组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的api(application programming interface，应用程序接口)，它可以动态地访问程序和脚本，更新其内容、结构和www(万维网)文档的风格。文档对象模型是应用程序接口，可用于各种平台，因此通过文档对象模型来获取滚动参数，兼容性较强。滚动参数为页面平滑滚动时的滚动参数，包括但不限于滚动前的滚动位置、滚动速度等等数据。
58.在一些其他的实施例中，也可采用一些其他的js自带的api获取滚动参数，对此不作限制。
59.步骤s300、根据浏览器对象模型中的滚动函数及滚动参数，对原始页面进行页面滚动，直至滚动到目标滚动位置时停止滚动。
60.具体实施时，在获取滚动初始位置、滚动速度等滚动参数后，获取浏览器对象模型bom的滚动函数，根据滚动函数及滚动参数进行页面平滑滚动直至滚动到目标滚动位置。滚动函数可采用scrollto函数或是smoothscrollto函数。scrollto函数可把目标内容滚动到指定的坐标。smoothscrollto类似于scrollto，但是滚动的时候是平缓的而不是立即滚动到某处。另外，smoothscrollto函数可以打断滑动动画。在获取目标位置后，可通过滚动函数滚动到目标滚动位置，在滚动到目标滚动位置是停止滚动，使得页面滚动更加自然流畅。
61.在一个实施例中，获取目标滚动位置包括：
62.获取预先设定的目标滚动位置；
63.或是，获取目标元素，通过文档对象模型获取目标元素滚动位置，目标滚动位置为目标元素滚动位置。
64.具体实施时，若是用户手动平滑滚动导航，则获取用户预先设定目标滚动位置作为目标滚动位置。
65.若是自动平滑滚动导航，则获取要移动的目标元素，通过dom获取目标元素滚动位置，则将目标元素滚动位置作为目标元素滚动位置。
66.在一个实施例中，获取目标滚动位置还包括：
67.通过文档对象模型获取原始页面当前窗口的最大滚动值；
68.若目标滚动位置大于最大滚动值，则将目标滚动位置更新为最大滚动值。
69.具体实施时，目标滚动位置可能出现大于原始页面当前窗口的最大滚动值的情况，即当目标滚动位置大于原始页面当前窗口的最大滚动值时，会出现滚动无效的问题，因此，确定目标滚动位置需要对实际的目标滚动位置与原始页面当前窗口的最大滚动值进行比较，也就是通过dom获取原始页面当前窗口的最大滚动值，若是目标滚动位置大于最大滚动值，将目标滚动位置更新为最大滚动值。
70.在一个实施例中，通过文档对象模型获取当前窗口的最大滚动值，包括：
71.通过文档对象模型获取原始页面当前窗口的窗口高度和滚动条高度；
72.根据窗口高度和滚动条高度计算原始页面当前窗口的最大滚动值。
73.具体实施时，通过js内置的文档对象模型dom获取原始页面可视窗口高度clientheigth和滚动条高度scrollheigth,计算出可以滚动的最大值scrollmax,其中，scrollmax＝clientheigth
‑
scrollheigth；如果滚动位置大于scrollmax，则目标滚动位置更新为position＝scrollmax,反之不变。其中，js是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，js基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式(如函数式编程)风格。
74.js由以下几部分组成：
75.ecmascript，描述了该语言的语法和基本对象。
76.文档对象模型(dom)，描述处理网页内容的方法和接口，比如获取目标元素或者视窗的一些位置属性，位置属性可以包括但不限于边框风格、边框大小、填充区域风格等。
77.bom(browser object model，浏览器对象模型)，描述与浏览器进行交互的方法和接口。bom提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。bom由多个对象组成，其中代表浏览器窗口的window对象是bom的顶层对象，其他对象都是该对象的子对象。
78.在一些其他的实施例中，也可通过其他js内置的其他api来获取当前窗口的窗口高度和滚动条高度。
79.在一个实施例中，通过文档对象模型获取滚动参数，包括：
80.通过文档对象模型获取原始页面的当前滚动高度和滚动速度。
81.具体实施时，滚动参数包括但不限于当前滚动高度和滚动速度。其中当前滚动高度是指原始页面的元素的高度，是元素的原始高度。滚动速度是指单位时间内元素的滚动距离。滚动速度由用户通过文档对象模型预先设置。
82.在一些其他的实施例中，滚动参数也可包括当前滚动高度和滚动时间，通过当前滚动高度和滚动时间执行对应的操作。
83.在一个实施例中，根据浏览器对象模型中的滚动函数及滚动参数，进行页面滚动，直至滚动到目标滚动位置，包括：
84.根据当前滚动高度及目标滚动位置，计算当前滚动高度距离目标滚动位置的滚动距离；
85.若滚动距离大于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对所述原始页面进行页面滚动，直至所述滚动距离小于预定值；
86.若所述滚动距离小于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对所述原始页面进行页面滚动，直至滚动到所述目标滚动位置时停止滚动。
87.具体实施时，计算距离目标位置的滚动距离distance＝scrolltop
‑
position，每次计算当前时间片滚动到的位置同时更新当前滚动高度scrolltop+＝distance/rate；通过js浏览器对象模型(bom)scrollto滚动方法，滚动到当前时间片需要滚动到的位置。
88.若滚动距离大于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对原始页面进行页面滚动，获取滚动过程中的滚动距离，直至滚动距离小于预定值。
89.若滚动距离小于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对原
始页面进行页面滚动，直至滚动至目标滚动位置是停止滚动。
90.在一个实施例中，若滚动距离大于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对所述原始页面进行页面滚动，直至所述滚动距离小于预定值，包括：
91.若所述滚动距离大于预定值，则根据滚动速度计算当前时间片在原始页面滚动到的当前位置，根据浏览器对象模型中的滚动函数及滚动速度，对所述原始页面进行页面滚动到所述当前位置，生成中间页面，并根据当前位置更新当前滚动高度；
92.根据更新后的当前滚动高度、所述目标滚动位置计算更新后的滚动距离，判断更新后的滚动距离是否大于预定值，若更新后的滚动距离大于预定值，则根据浏览器对象模型中的滚动函数及滚动速度，对中间页面进行页面滚动，直至所述滚动距离小于预定值。
93.具体实施时，当滚动距离distance大于等于预定值时候，递归执行以下操作：计算当前时间片滚动到的当前位置，并根据当前位置更新当前滚动高度；控制浏览器对象模型滚动函数根据滚动速度，滚动至当前时间片滚动的当前位置，根据更新后的当前滚动高度、目标滚动位置计算滚动距离，判断滚动距离是否大于预定值；本技术中的预定值是滚动距离的上限值，预定值的取值范围为0.5
‑
3mm，例如预定值可选为1mm。
94.当滚动距离小于等于预定值时，递归操作结束。
95.在一些其他的实施例中，递归执行用到js浏览器对象模型(bom)的动画关键针函数requestanimationframe同时加延时函数settimeout。延时函数settimeout可设置具体的延迟时间。
96.在递归执行用到js浏览器对象模型(bom)的动画关键针函数requestanimationframe同时加延时函数settimeout具有以下好处：首先是settimeout可以做到防抖的效果，以及requestanimationframe会把每一帧中的所有dom操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率，一般来说，这个频率为每秒60帧，在隐藏或不可见的元素中，requestanimationframe将不会进行重绘或回流，意味着更少的的cpu，gpu和内存使用量，使动画更加流畅。
97.在一些其他的实施例中，requestanimationframe也可以设置其他为其他频率，与浏览器的刷新频率进行适配。
98.在一个实施例中，移动端用户进到页面后，进入如图4右边页面自动滚动到课程列表页的当前学习课程部分(即滚动到特定位置)，或则点击如图4左侧页面上边的导航按钮。
99.以预定目标距离为1为例，则本发明实施例的算法具体如下：
100.建立平滑函数scrollsmoothto：参数需要提供目标滚动位置position，或者目标元素然后再用js文档对象模型(dom)获取目标元素滚动位置offsettop,令position＝offsettop。
101.提供的目标滚动位置可能过大，需要js文档对象模型(dom)获取可视窗口高度clientheigth和滚动条高度scrollheigth,计算出可以滚动的最大值scrollmax,如果滚动位置大于scrollmax，则目标滚动位置更新为position＝scrollmax,反之不变。
102.js文档对象模型(dom)获取当前滚动高度scrolltop，设置滚动速度为rate；
103.在js浏览器内部建立递归动画时间片函数step：
104.1)每次计算距离目标位置的距离distance＝scrolltop
‑
position，
105.2)每次计算当前时间片滚动到的位置同时更新当前滚动高度
106.scrolltop+＝distance/rate；
107.3)通过js浏览器对象模型(bom)scrollto滚动方法，滚动到当前时间片需要滚动到的位置。
108.4)当distance>1时，递归执行1)
‑
3)。递归执行用到js浏览器对象模型(bom)的动画关键针函数requestanimationframe同时加settimeout。window.requestanimationframe()在浏览器执行一个动画，且使得浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。
109.这样做的好处，首先是settimeout可以做到防抖的效果，以及requestanimationframe会把每一帧中的所有dom操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率，一般来说，这个频率为每秒60帧，在隐藏或不可见的元素中，requestanimationframe将不会进行重绘或回流意味着更少的的cpu或gpu的内存使用量，使动画更加流畅。settimeout()用于在指定的毫秒数后调用函数或计算表达式。
110.5)当distance<1,直接滚动到目标位置position。
111.6)step函数做了递归执行的时候做了防抖处理，最后在外部函数scrollsmoothto执行函数step()。step.js是控制流程工具(大小仅150行代码)，解决回调嵌套层次过多等问题。适用于读文件、查询数据库等回调函数相互依赖，或者分别获取内容最后组合数据返回等应用情景。异步执行简单地可以分为“串行执行”和“并行”执行。
112.本发明实施例可实现用户在web端或者移动端手动导航到目标内容，或侧页面自动导航到目标内容，通过js原生提供的api获取计算滚动需要的各种位置参数，结合动画函数实现平滑滚动。
113.本发明实施例可实现用户在web端或者移动端导航到目标内容时候比较灵活，可以手动也可以自动；
114.没有兼容性问题，在各种web页面和移动端页面无论因为操作系统还是浏览器内核不同都不会出现不可用的情况。
115.性能好，访问页面一般请求xhr(xml http request)接口以及需要加载各种js、图片、media资源等，如果使用第三方库会增加请求额外请求以及网页解析js的压力，所以不用第三方类库jquery去实现。xhr为向服务器发送请求和解析服务器响应提供了流畅的接口，能够以异步方式从服务器取得更多信息，意味着用户单击后，可以不必刷新页面也能取得新数据。
116.jquery是一个快速、简洁的javascript框架，是继prototype之后又一个优秀的javascript代码库(框架)于2006年1月由john resig发布。jquery设计的宗旨是“write less，do more”，即倡导写更少的代码，做更多的事情。它封装javascript常用的功能代码，提供一种简便的javascript设计模式，优化html文档操作、事件处理、动画设计和ajax交互。
117.jquery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对css选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jquery兼容各种主流浏览器。
118.需要说明的是，上述各步骤之间并不必然存在一定的先后顺序，本领域普通技术人员，根据本发明实施例的描述可以理解，不同实施例中，上述各步骤可以有不同的执行顺序，亦即，可以并行执行，亦可以交换执行等等。
119.本发明另一实施例提供一种平滑滚动导航实现装置，如图5所示，装置1包括：
120.目标滚动位置获取模块11，用于获取目标滚动位置，目标滚动位置为原始页面导航后的目标页面所在位置；
121.滚动参数获取模块12，用于通过文档对象模型获取原始页面的滚动参数；
122.滚动模块13，用于据浏览器对象模型中的滚动函数及滚动参数，对原始页面进行页面滚动，直至滚动到目标滚动位置时停止滚动。
123.具体实施方式见方法实施例，此处不再赘述。
124.本发明另一实施例提供一种电子设备，如图6所示，电子设备10包括：
125.一个或多个处理器110以及存储器120，图6中以一个处理器110为例进行介绍，处理器110和存储器120可以通过总线或者其他方式连接，图6中以通过总线连接为例。
126.处理器110用于完成电子设备10的各种控件逻辑，其可以为通用处理器、数字信号处理器(dsp)、专用集成电路(asic)、现场可编程门阵列(fpga)、单片机、arm(acorn risc machine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件控件或者这些部件的任何组合。还有，处理器110还可以是任何传统处理器、微处理器或状态机。处理器110也可以被实现为计算设备的组合，例如，dsp和微处理器的组合、多个微处理器、一个或多个微处理器结合dsp核、或任何其它这种配置。
127.存储器120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的平滑滚动导航实现方法对应的程序指令。处理器110通过运行存储在存储器120中的非易失性软件程序、指令以及单元，从而执行设备10的各种功能应用以及数据处理，即实现上述方法实施例中的平滑滚动导航实现方法。
128.存储器120可以包括存储程序区和存储数据区，其中，存储程序区可存储操作装置、至少一个功能所需要的应用程序；存储数据区可存储根据设备10使用所创建的数据等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，存储器120可选包括相对于处理器110远程设置的存储器，这些远程存储器可以通过网络连接至设备10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
129.一个或者多个单元存储在存储器120中，当被一个或者多个处理器110执行时，执行上述任意方法实施例中的平滑滚动导航实现方法，例如，执行以上描述的图3中的方法步骤s100至步骤s300。
130.本发明实施例提供了一种非易失性计算机可读存储介质，计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行，例如，执行以上描述的图3中的方法步骤s100至步骤s300。
131.作为示例，非易失性存储介质能够包括只读存储器(rom)、可编程rom(prom)、电可编程rom(eprom)、电可擦rom(eeprom)或闪速存储器。易失性存储器能够包括作为外部高速缓存存储器的随机存取存储器(ram)。通过说明并非限制，ram可以以诸如同步ram(sram)、
动态ram、(dram)、同步dram(sdram)、双数据速率sdram(ddr sdram)、增强型sdram(esdram)、synchlink dram(sldram)以及直接rambus(兰巴斯)ram(drram)之类的许多形式得到。本文中所描述的操作环境的所公开的存储器控件或存储器旨在包括这些和/或任何其他适合类型的存储器中的一个或多个。
132.本发明的另一种实施例提供了一种计算机程序产品，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使处理器执行上述方法实施例的平滑滚动导航实现方法。例如，执行以上描述的图3中的方法步骤s100至步骤s300。
133.以上所描述的实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际需要选择其中的部分或者全部模块来实现本实施例方案的目的。
134.通过以上的实施例的描述，本领域的技术人员可以清楚地了解到各实施例可借助软件加通用硬件平台的方式来实现，当然也可以通过硬件实现。基于这样的理解，上述技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存在于计算机可读存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机装置(可以是个人计算机，服务器，或者网络装置等)执行各个实施例或者实施例的某些部分的方法。
135.除了其他之外，诸如"能够'、"能"、"可能"或"可以"之类的条件语言除非另外具体地陈述或者在如所使用的上下文内以其他方式理解，否则一般地旨在传达特定实施方式能包括(然而其他实施方式不包括)特定特征、元件和/或操作。因此，这样的条件语言一般地还旨在暗示特征、元件和/或操作对于一个或多个实施方式无论如何都是需要的或者一个或多个实施方式必须包括用于在有或没有输入或提示的情况下判定这些特征、元件和/或操作是否被包括或者将在任何特定实施方式中被执行的逻辑。
136.已经在本文中在本说明书和附图中描述的内容包括能够提供平滑滚动导航实现方法及装置的示例。当然，不能够出于描述本公开的各种特征的目的来描述元件和/或方法的每个可以想象的组合，但是可以认识到，所公开的特征的许多另外的组合和置换是可能的。因此，显而易见的是，在不脱离本公开的范围或精神的情况下能够对本公开做出各种修改。此外，或在替代方案中，本公开的其他实施例从对本说明书和附图的考虑以及如本文中所呈现的本公开的实践中可能是显而易见的。意图是，本说明书和附图中所提出的示例在所有方面被认为是说明性的而非限制性的。尽管在本文中采用了特定术语，但是它们在通用和描述性意义上被使用并且不用于限制的目的。