本公开提供了一种信息展示方法、装置、计算机设备及存储介质，其中，该方法包括：确定在目标页面上展示的顶部信息区域的当前展示状态；响应于在所述目标页面上的滑动操作，基于所述滑动操作以及所述当前展示状态，确定所述顶部信息区域的目标状态；更新展示在所述滑动操作下所述顶部信息区域的变化效果，以使所述顶部信息区域由当前展示状态变化至所述目标状态，并基于所述变化效果在所述目标页面上展示详情信息区域；所述详情信息区域与所述顶部信息区域在所述目标页面上的展示位置关联。信息区域在所述目标页面上的展示位置关联。信息区域在所述目标页面上的展示位置关联。
【技术实现步骤摘要】
一种信息展示方法、装置、计算机设备及存储介质
[0001]本公开涉及计算机
，具体而言，涉及一种信息展示方法、装置、计算机设备及存储介质。
技术介绍
[0002]在通过页面向用户展示信息时，为了对不同的信息进行区分展示，可以在页面中划分出顶部信息区域，并在顶部信息区域中展示活动、专题等推广信息，以吸引用户的关注；在顶部信息区域下方，则展示出包含具体内容等的详细信息。为了减少在用户浏览详细信息时顶部信息区域对页面的占用，可以选择将顶部信息区域进行展示或关闭，但当前对顶部信息区域进行操作时，顶部信息区域的形态变化并不流畅，导致用户的观感较差。
技术实现思路
[0003]本公开实施例至少提供一种信息展示方法、装置、计算机设备及存储介质。
[0004]第一方面，本公开实施例提供了一种信息展示方法，包括：确定在目标页面上展示的顶部信息区域的当前展示状态；响应于在所述目标页面上的滑动操作，基于所述滑动操作以及所述当前展示状态，确定所述顶部信息区域的目标状态；更新展示在所述滑动操作下所述顶部信息区域的变化效果，以使所述顶部信息区域由当前展示状态变化至所述目标状态，并基于所述变化效果在所述目标页面上展示详情信息区域；所述详情信息区域与所述顶部信息区域在所述目标页面上的展示位置关联。
[0005]一种可选的实施方式中，所述当前展示状态包括收缩状态或者展开状态；基于所述滑动操作以及所述当前展示状态，确定所述顶部信息区域的目标状态，包括：响应于所述当前展示状态为收缩状态，且所述滑动操作指示展开所述顶部信息区域，或者响应于所述当前展示状态为展开状态，且所述滑动操作指示收缩所述顶部信息区域，确定所述滑动操作对应的滑动参数，以利用所述滑动参数确定所述顶部信息区域的目标状态。
[0006]一种可选的实施方式中，所述滑动参数包括滑动距离以及滑动速度中至少一种；基于所述滑动参数确定所述顶部信息区域的目标状态，包括：响应于所述滑动参数中的滑动速度大于预设阈值，确定所述目标状态为与所述当前展示状态不同的收缩状态或展开状态；响应于所述滑动参数中的滑动速度小于预设阈值，基于所述滑动参数中的滑动距离判断所述滑动操作是否指示跨越预设判定线，并基于判断结果确定所述目标状态；其中，所述预设判定线在所述目标页面上的位置基于所述顶部信息区域在收缩状态或展开状态下的边界位置确定。
[0007]一种可选的实施方式中，所述基于所述滑动参数中的滑动距离判断所述滑动操作是否指示跨越预设判定线，包括：利用所述滑动距离确定所述顶部信息区域的边界位置的滑动变化距离；确定所述滑动变化距离是否大于所述顶部信息区域在当前展示状态下的边界位置与所述预设判定线的边界位置之间的间隔距离；响应于所述滑动变化距离小于所述间隔距离，确定所述滑动操作指示未跨越所述预设判定线，否则确定所述滑动操作指示跨
越所述预设判定线。
[0008]一种可选的实施方式中，基于判断结果确定所述目标状态，包括：响应于所述判断结果为所述滑动操作指示未跨越所述预设判定线，确定目标状态为当前展示状态；或者，响应于所述判断结果为所述滑动操作指示跨越所述预设判定线，确定目标状态为与所述当前展示状态不同的收缩状态或展开状态。
[0009]一种可选的实施方式中，所述当前展示状态包括还包括初始状态；基于所述滑动操作以及所述当前展示状态，确定所述顶部信息区域的目标状态，包括：响应于所述滑动操作指示展示所述顶部信息区域，则确定所述顶部信息区域的目标状态为展开状态；或者，响应于所述滑动操作指示收缩所述顶部信息区域，则确定所述顶部信息区域的目标状态为收缩状态。
[0010]一种可选的实施方式中，所述方法还包括：响应于所述顶部信息区域的当前展示状态为收缩状态，且所述滑动操作指示展示所述详情信息区域，基于所述滑动操作对应的滑动参数，更新展示所述详情信息区域。
[0011]第二方面，本公开实施例还提供一种信息展示装置，包括：第一确定模块，用于确定在目标页面上展示的顶部信息区域的当前展示状态；第二确定模块，用于响应于在所述目标页面上的滑动操作，基于所述滑动操作以及所述当前展示状态，确定所述顶部信息区域的目标状态；展示模块，用于更新展示在所述滑动操作下所述顶部信息区域的变化效果，以使所述顶部信息区域由当前展示状态变化至所述目标状态，并基于所述变化效果在所述目标页面上展示详情信息区域；所述详情信息区域与所述顶部信息区域在所述目标页面上的展示位置关联。
[0012]一种可选的实施方式中，所述当前展示状态包括收缩状态或者展开状态，第二确定模块在基于所述滑动操作以及所述当前展示状态，确定所述顶部信息区域的目标状态时，用于：响应于所述当前展示状态为收缩状态，且所述滑动操作指示展开所述顶部信息区域，或者响应于所述当前展示状态为展开状态，且所述滑动操作指示收缩所述顶部信息区域，确定所述滑动操作对应的滑动参数，以利用所述滑动参数确定所述顶部信息区域的目标状态。
[0013]一种可选的实施方式中，所述滑动参数包括滑动距离以及滑动速度中至少一种；第二确定模块在基于所述滑动参数确定所述顶部信息区域的目标状态时，用于：响应于所述滑动参数中的滑动速度大于预设阈值，确定所述目标状态为与所述当前展示状态不同的收缩状态或展开状态；响应于所述滑动参数中的滑动速度小于预设阈值，基于所述滑动参数中的滑动距离判断所述滑动操作是否指示跨越预设判定线，并基于判断结果确定所述目标状态；其中，所述预设判定线在所述目标页面上的位置基于所述顶部信息区域在收缩状态或展开状态下的边界位置确定。
[0014]一种可选的实施方式中，所述第二确定模块在基于所述滑动参数中的滑动距离判断所述滑动操作是否指示跨越预设判定线时，用于：利用所述滑动距离确定所述顶部信息区域的边界位置的滑动变化距离；确定所述滑动变化距离是否大于所述顶部信息区域在当前展示状态下的边界位置与所述预设判定线的边界位置之间的间隔距离；响应于所述滑动变化距离小于所述间隔距离，确定所述滑动操作指示未跨越所述预设判定线，否则确定所述滑动操作指示跨越所述预设判定线。
[0015]一种可选的实施方式中，所述第二确定模块在基于判断结果确定所述目标状态时，用于：响应于所述判断结果为所述滑动操作指示未跨越所述预设判定线，确定目标状态为当前展示状态；或者，响应于所述判断结果为所述滑动操作指示跨越所述预设判定线，确定目标状态为与所述当前展示状态不同的收缩状态或展开状态。
[0016]一种可选的实施方式中，所述当前展示状态包括还包括初始状态；第二确定模块在基于所述滑动操作以及所述当前展示状态，确定所述顶部信息区域的目标状态时，用于：响应于所述滑动操作指示展示所述顶部信息区域，则确定所述顶部信息区域的目标状态为展开状态；或者，响应于所述滑动操作指示收缩所述顶部信息区域，则确定所述顶部信息区域的目标状态为收缩状态。
[0017]一种可选的实施方式中，所述展示模块还用于：响应于所述顶部信息区域的当前展示状态为收缩状态，且所述滑动操作指示展示所述详情信息区域，基于所述滑动操作对本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种信息展示方法，其特征在于，包括：确定在目标页面上展示的顶部信息区域的当前展示状态；响应于在所述目标页面上的滑动操作，基于所述滑动操作以及所述当前展示状态，确定所述顶部信息区域的目标状态；更新展示在所述滑动操作下所述顶部信息区域的变化效果，以使所述顶部信息区域由当前展示状态变化至所述目标状态，并基于所述变化效果在所述目标页面上展示详情信息区域；所述详情信息区域与所述顶部信息区域在所述目标页面上的展示位置关联。2.根据权利要求1所述的方法，其特征在于，所述当前展示状态包括收缩状态或者展开状态；基于所述滑动操作以及所述当前展示状态，确定所述顶部信息区域的目标状态，包括：响应于所述当前展示状态为收缩状态，且所述滑动操作指示展开所述顶部信息区域，或者响应于所述当前展示状态为展开状态，且所述滑动操作指示收缩所述顶部信息区域，确定所述滑动操作对应的滑动参数，以利用所述滑动参数确定所述顶部信息区域的目标状态。3.根据权利要求2所述的方法，其特征在于，所述滑动参数包括滑动距离以及滑动速度中至少一种；基于所述滑动参数确定所述顶部信息区域的目标状态，包括：响应于所述滑动参数中的滑动速度大于预设阈值，确定所述目标状态为与所述当前展示状态不同的收缩状态或展开状态；响应于所述滑动参数中的滑动速度小于预设阈值，基于所述滑动参数中的滑动距离判断所述滑动操作是否指示跨越预设判定线，并基于判断结果确定所述目标状态；其中，所述预设判定线在所述目标页面上的位置基于所述顶部信息区域在收缩状态或展开状态下的边界位置确定。4.根据权利要求3所述的方法，其特征在于，所述基于所述滑动参数中的滑动距离判断所述滑动操作是否指示跨越预设判定线，包括：利用所述滑动距离确定所述顶部信息区域的边界位置的滑动变化距离；确定所述滑动变化距离是否大于所述顶部信息区域在当前展示状态下的边界位置与所述预设判定线的边界位置之间的间隔距离；响应于所述滑动变化距离小于所述间隔距离，确定所述滑动操作指示未跨越所述预设判定线，否则确定所述滑动操作指示跨越所述预设判定线。5.根据权...
【专利技术属性】
技术研发人员：章恒，
申请(专利权)人：北京字跳网络技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。