网页内容展示方法、装置以及存储介质制造方法及图纸

技术编号:23363085 阅读:25 留言:0更新日期:2020-02-18 17:16
本申请公开了一种网页内容展示方法、装置以及存储介质。其中,该方法包括:设置用于装载网页内容的容器的样式为溢出隐藏;在容器中装载网页内容,并根据网页内容的大小计算容器的实际高度;设置容器在装载网页内容情况下的初始高度,并将容器调整至初始高度;以及监听用于控制网页内容展开或收起的开关变量,根据初始高度和实际高度,控制容器的展示范围。

Web content display method, device and storage medium

【技术实现步骤摘要】
网页内容展示方法、装置以及存储介质
本申请涉及计算机
,特别是涉及一种网页内容展示方法、装置以及存储介质。
技术介绍
在网页开发中,经常需要对一些内容过高的区块进行高度限制处理,使其初始只显示部分内容或完全隐藏,用户点击按钮控制其展开和折叠,达到节省页面空间,增强交互体验的目的,折叠过程中的滚动动画,一般使用最流行的js库jquery递增递减来改变容器的高度,实现这种下拉收起的过渡效果。但是,改变容器高度会引起页面的重绘,重绘性能消耗较高并且可能造成网页卡顿,影响使用体验。针对上述的现有技术中存在的网页内容的展开与折叠的动画效果,一般通过js频繁计算改变容器高度来实现,但是这种方式会引起页面重绘,因此性能消耗较大,可能造成网页卡顿的技术问题,目前尚未提出有效的解决方案。
技术实现思路
本公开的实施例提供了一种网页内容展示方法、装置以及存储介质,以至少解决现有技术中存在的网页内容的展开与折叠的动画效果,一般通过js频繁计算改变容器高度来实现,但是这种方式会引起页面重绘,因此性能消耗较大,可能造成网页卡顿的技术问题本文档来自技高网...

【技术保护点】
1.一种网页内容展示方法,其特征在于,包括:/n设置用于装载网页内容的容器的样式为溢出隐藏;/n在所述容器中装载所述网页内容,并根据所述网页内容的大小计算所述容器的实际高度;/n设置所述容器在装载所述网页内容情况下的初始高度,并将所述容器调整至所述初始高度;以及/n监听用于控制所述网页内容展开或收起的开关变量,根据所述初始高度和所述实际高度,控制所述容器的展示范围。/n

【技术特征摘要】
1.一种网页内容展示方法,其特征在于,包括:
设置用于装载网页内容的容器的样式为溢出隐藏;
在所述容器中装载所述网页内容,并根据所述网页内容的大小计算所述容器的实际高度;
设置所述容器在装载所述网页内容情况下的初始高度,并将所述容器调整至所述初始高度;以及
监听用于控制所述网页内容展开或收起的开关变量,根据所述初始高度和所述实际高度,控制所述容器的展示范围。


2.根据权利要求1所述的方法,其特征在于,在所述容器中装载所述网页内容之前,还包括:将所述容器的样式设置为高度自动,并且
据所述网页内容的大小计算所述容器的实际高度,包括:根据所述网页内容将所述容器撑开的高度,确定所述容器的实际高度。


3.根据权利要求1所述的方法,其特征在于,根据所述初始高度和所述实际高度,控制所述容器的展示范围的操作,包括:
在所述开关变量为展开的情况下,以所述实际高度作为所述容器的展示范围;以及
在所述开关变量为收起的情况下,以所述初始高度作为所述容器的展示范围。


4.根据权利要求1所述的方法,其特征在于,设置所述容器在装载所述网页内容情况下的初始高度的操作,包括:设置所述容器在装载所述网页内容情况下的初始高度为0。


5.根据权利要求1所述的方法,其特征在于,设置所述容器在装载所述网页内容情况下的初始高度的操作,包括:设置所述容器在装载所述网页内容情况下的初始高度为预设值,所述预设值的范围在0和所述实际高度之间。


6....

【专利技术属性】
技术研发人员:王士威
申请(专利权)人:爱钱进北京信息科技有限公司
类型:发明
国别省市:北京;11

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

1