一种页面内容更新方法、装置、计算机设备及存储介质制造方法及图纸

技术编号:35349616 阅读:21 留言:0更新日期:2022-10-26 12:16
本公开提供了一种页面内容更新方法、装置、计算机设备及存储介质,其中,该方法包括:在内容展示页面展示第一页面内容,其中,所述第一页面内容为包括多个第一信息卡片的列表页;响应针对所述内容展示页面的目标操作,展示第二页面内容;其中,所述第二页面内容为包括多个第二信息卡片的列表页,或者,所述第二页面内容为包括多个第二信息卡片以及部分第一信息卡片的列表页;其中,所述多个第二信息卡片不同于所述多个第一信息卡片。卡片不同于所述多个第一信息卡片。卡片不同于所述多个第一信息卡片。

【技术实现步骤摘要】
一种页面内容更新方法、装置、计算机设备及存储介质


[0001]本公开涉及计算机
,具体而言,涉及一种页面内容更新方法、装置、计算机设备及存储介质。

技术介绍

[0002]随着互联网技术和移动终端设备技术的飞速发展,移动终端设备逐渐取代了电视、书籍、报纸等传统的媒体资源传播媒介,成为了越来越多人获取媒体资源的主要途径。
[0003]实际应用中,在用户使用终端设备进行页面浏览时,往往需要使用滑动操作对页面展示的内容进行更新,页面的滑动距离被设置为跟滑动操作的滑动速度和滑动方向相关,在某个滑动方向上的滑动速度越大则滑动距离越远,若滑动操作的速度过快则可能会导致滑动距离过远,使得用户可能会错过感兴趣的内容,从而需要再反方向滑动查看上一次滑动时错过的内容;而若滑动操作的速度过慢则可能会导致当前页面展示的是用户已经浏览过但不感兴趣的内容,使得用户可能需要通过多次滑动操作才能找到感兴趣的内容,影响用户体验。

技术实现思路

[0004]本公开实施例至少提供一种页面内容更新方法、装置、计算机设备及存储介质。
[0005]第一方面,本公开实施例提供了一种页面内容更新方法,包括:
[0006]在内容展示页面展示第一页面内容,其中,所述第一页面内容为包括多个第一信息卡片的列表页;
[0007]响应针对所述内容展示页面的目标操作,展示第二页面内容;其中,所述第二页面内容为包括多个第二信息卡片的列表页,或者,所述第二页面内容为包括多个第二信息卡片以及部分第一信息卡片的列表页;
[0008]其中,所述多个第二信息卡片不同于所述多个第一信息卡片。
[0009]一种可能的实施方式中,在所述目标操作为滑动操作的情况下,所述方法还包括根据以下方法确定所述第二页面内容:
[0010]获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动方向;
[0011]基于所述目标操作的滑动方向,确定所述第一页面内容的多个第一信息卡片中的第一目标信息卡片;
[0012]基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离;
[0013]基于所述第一页面滑动距离,确定所述第二页面内容。
[0014]一种可能的实施方式中,所述操作参数还包括滑动速度;
[0015]所述基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离,包括:
[0016]在检测到所述目标操作结束时刻的滑动速度不小于预设速度阈值的情况下,基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离。
[0017]一种可能的实施方式中,在所述目标操作为滑动操作的情况下,所述方法还包括:
[0018]获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动速度;
[0019]在检测到所述目标操作结束时刻的滑动速度小于预设速度阈值的情况下,基于所述滑动速度,确定第二页面滑动距离;
[0020]基于所述第二页面滑动距离控制所述第一页面内容进行更新。
[0021]一种可能的实施方式中,所述目标操作对应的操作参数还包括滑动方向;
[0022]所述基于所述滑动速度,确定第二页面滑动距离,包括:
[0023]确定与所述滑动速度对应的初始滑动距离;
[0024]确定所述第一页面内容按照所述初始滑动距离滑动后待展示的各信息卡片;
[0025]基于所述目标操作对应的滑动方向,确定所述待展示的多个信息卡片中的第二目标信息卡片;
[0026]基于所述第二目标信息卡片的第二位置信息和所述初始滑动距离,确定所述目标操作对应的第二页面滑动距离。
[0027]一种可能的实施方式中,所述滑动方向包括向上滑动和向下滑动;
[0028]所述基于所述目标操作对应的滑动方向,确定所述多个第一信息卡片中的第一目标信息卡片,包括:
[0029]在检测到所述目标操作对应的滑动方向为向上滑动的情况下,将所述多个第一信息卡片中底部的信息卡片作为所述第一目标信息卡片;以及,
[0030]在检测到所述目标操作对应的滑动方向为向下滑动的情况下,将所述多个第一信息卡片中顶部的信息卡片作为所述第一目标信息卡片。
[0031]一种可能的实施方式中,在所述第一信息卡片中的第一目标信息卡片满足预设条件的情况下,所述第二页面内容包括所述第一目标信息卡片;
[0032]所述展示第二页面内容,包括:
[0033]根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置并进行展示。
[0034]一种可能的实施方式中,所述第一目标信息卡片满足预设条件包括所述第一目标信息卡片在所述第一页面内容未被完整展示,和/或,所述第一目标信息卡片的展示比例小于预设展示比例,和/或,所述第一目标信息卡片对应的详细页面未被展示。
[0035]一种可能的实施方式中,所述根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置,包括:
[0036]在所述滑动方向为向上滑动的情况下,所述目标展示位置为顶部位置,所述目标展示位置的顶部边缘与所述列表页的顶部边缘重合;
[0037]在所述滑动方向为向下滑动的情况下,所述目标展示位置为底部位置,所述目标展示位置的底部边缘与所述列表页的底部边缘重合。
[0038]一种可能的实施方式中,在检测到所述目标操作对应的滑动方向为向上滑动的情况下,所述基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离,包
括:
[0039]在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离;
[0040]在所述第一目标信息卡片不满足所述预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离。
[0041]一种可能的实施方式中,在检测到所述目标操作对应的滑动方向为向下滑动的情况下,所述基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离,包括:
[0042]在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离;
[0043]在所述第一目标信息卡片不满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离。
[0044]一种可能的实施方式中,在所述操作参数中的滑动方向为向下滑动的情况下,在确定第一页面滑动距离之后,所述方法还包括:
...

【技术保护点】

【技术特征摘要】
1.一种页面内容更新方法,其特征在于,包括:在内容展示页面展示第一页面内容,其中,所述第一页面内容为包括多个第一信息卡片的列表页;响应针对所述内容展示页面的目标操作,展示第二页面内容;其中,所述第二页面内容为包括多个第二信息卡片的列表页,或者,所述第二页面内容为包括多个第二信息卡片以及部分第一信息卡片的列表页;其中,所述多个第二信息卡片不同于所述多个第一信息卡片。2.根据权利要求1所述的方法,其特征在于,在所述目标操作为滑动操作的情况下,所述方法还包括根据以下方法确定所述第二页面内容:获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动方向;基于所述目标操作的滑动方向,确定所述第一页面内容的多个第一信息卡片中的第一目标信息卡片;基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离;基于所述第一页面滑动距离,确定所述第二页面内容。3.根据权利要求2所述的方法,其特征在于,所述操作参数还包括滑动速度;所述基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离,包括:在检测到所述目标操作结束时刻的滑动速度不小于预设速度阈值的情况下,基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离。4.根据权利要求1所述的方法,其特征在于,在所述目标操作为滑动操作的情况下,所述方法还包括:获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动速度;在检测到所述目标操作结束时刻的滑动速度小于预设速度阈值的情况下,基于所述滑动速度,确定第二页面滑动距离;基于所述第二页面滑动距离控制所述第一页面内容进行更新。5.根据权利要求4所述的方法,其特征在于,所述目标操作对应的操作参数还包括滑动方向;所述基于所述滑动速度,确定第二页面滑动距离,包括:确定与所述滑动速度对应的初始滑动距离;确定所述第一页面内容按照所述初始滑动距离滑动后待展示的各信息卡片;基于所述目标操作对应的滑动方向,确定所述待展示的多个信息卡片中的第二目标信息卡片;基于所述第二目标信息卡片的第二位置信息和所述初始滑动距离,确定所述目标操作对应的第二页面滑动距离。6.根据权利要求2所述的方法,其特征在于,所述滑动方向包括向上滑动和向下滑动;所述基于所述目标操作对应的滑动方向,确定所述多个第一信息卡片中的第一目标信息卡片,包括:在检测到所述目标操作对应的滑动方向为向上滑动的情况下,将所述多个第一信息卡
片中底部的信息卡片作为所述第一目标信息卡片;以及,在检测到所述目标操作对应的滑动方向为向下滑动的情况下,将所述多个第一信息卡片中顶部的信息卡片作为所述第一目标信息卡片。7.根据权利要求2所述的方法,其特征在于,在所述第一信息卡片中的第一目标信息卡片满足预设条件的情况下,所述第二页面内容包括所述第一目标信息卡片;所述展示第二页面内容,包括:根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置并进行展示。8.根据权利要求7所述的方法,其特征在于,所述第一目标信息卡片满足预设条件包括所述第一目标信息卡片在所述第一页面内容未被完整展示,和/或,所述第一目标信息卡片的展示比例小于预设展示比例,和/或,所述第一目标信息卡片对应的详细页面未被展示。9.根据权利要求7所述的方法,其特征在于,所述根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置,包括:在所述滑动方向为向上滑动的情况下,所述目标展示位置为顶部位置,所述目标展示位置的顶部边缘与所述列表页的顶部边缘重合;在所述滑动方向为向下滑动的情况下,所述目标展示位置为底部位置,所述目标展示位置的底部边缘与所述列表页的底部边缘重合。...

【专利技术属性】
技术研发人员:李琨龚世杰
申请(专利权)人:抖音视界北京有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1