CN111382388A - 一种利用css进行底部元素吸底控制的方法及系统 - Google Patents
一种利用css进行底部元素吸底控制的方法及系统 Download PDFInfo
- Publication number
- CN111382388A CN111382388A CN202010195858.3A CN202010195858A CN111382388A CN 111382388 A CN111382388 A CN 111382388A CN 202010195858 A CN202010195858 A CN 202010195858A CN 111382388 A CN111382388 A CN 111382388A
- Authority
- CN
- China
- Prior art keywords
- css
- component
- component element
- scroll bar
- browser page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 44
- 230000001960 triggered effect Effects 0.000 claims abstract description 8
- 230000000007 visual effect Effects 0.000 claims abstract description 8
- 238000005096 rolling process Methods 0.000 claims abstract description 6
- 238000004590 computer program Methods 0.000 claims description 17
- 238000003860 storage Methods 0.000 claims description 7
- 230000000712 assembly Effects 0.000 abstract 1
- 238000000429 assembly Methods 0.000 abstract 1
- 238000010586 diagram Methods 0.000 description 13
- 230000006870 function Effects 0.000 description 6
- 238000010521 absorption reaction Methods 0.000 description 5
- 238000005247 gettering Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003892 spreading Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种利用CSS进行底部元素吸底控制的方法及系统,其中,该方法包括:在浏览器页面中设置组件元素;将所述组件元素与所述浏览器页面中的滚动条进行匹配;在所述滚动条的滚动过程中,当触发吸底条件时,将所述组件元素利用CSS样式进行底部元素吸底。本发明提出的利用CSS进行底部元素吸底控制的方法及系统可以实现页面元素多种布局的组件吸底,通过判断组件元素是否需要吸底并利用CSS样式实现组件元素固定于浏览器底部,在保持原组件元素样式布局不变的情况下,增加组件元素的宽度,增强用户视觉效果。
Description
技术领域
本发明涉及页面布局技术领域,尤指一种利用CSS进行底部元素吸底控制的方法及系统。
背景技术
目前,在前端页面设计中,页面布局在最底部元素时的操作,会由于电脑屏幕或者页面高度浏览器出现滚动条,由于底部元素会受到系统环境或页面元素的影响,不能保持在页面底部,从而增加用户滚动的操作。
在现有的技术中,有提出利用BFE组件库中的Affix图钉组件进行元素固定,但是,这种方式仅能实现当前元素固定于页面底部而不改变组件的宽度,无法实现整个组件横向铺满浏览器,这种组件常用于侧边菜单等,实际使用效果存在一定不足。
因此,亟需一种可以较好地控制底部元素,改善用户操作体验的底部元素控制方案。
发明内容
为克服上述文题,本发明提出了一种利用CSS进行底部元素吸底控制的方法及系统,该方法及系统利用Vue.js技术中的插槽原理可以实现组件里子元素的复制,实现父类组件的自定义化样式,可以用与浏览器的Fixed固定定位实现元素固定在浏览器的窗体上不受页面滚动条的影响,样式的添加时机可以通过判断页面上是否出现竖向滚动条,出现时将组件元素置成Fixed布局,组件便固定于浏览器,没有竖向滚动条时组件保持原先元素属性,保持原有布局。
在本发明一实施例中,提出了一种利用CSS进行底部元素吸底控制的方法,该方法包括:
在浏览器页面中设置组件元素;
将所述组件元素与所述浏览器页面中的滚动条进行匹配;
在所述滚动条的滚动过程中,当触发吸底条件时,将所述组件元素利用CSS样式进行底部元素吸底。
在本发明另一实施例中,还提出了一种利用CSS进行底部元素吸底控制的系统,该系统包括:
组件元素设置模块,用于在浏览器页面中设置组件元素;
匹配模块,用于将所述组件元素与所述浏览器页面中的滚动条进行匹配;
吸底控制模块,用于在所述滚动条的滚动过程中,当触发吸底条件时,将所述组件元素利用CSS样式进行底部元素吸底。
在本发明另一实施例中,还提出了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现利用CSS进行底部元素吸底控制的方法。
在本发明另一实施例中,还提出了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现利用CSS进行底部元素吸底控制的方法。
本发明提出的利用CSS进行底部元素吸底控制的方法及系统可以实现页面元素多种布局的组件吸底,通过JS方法判断组件元素是否需要吸底并利用CSS样式实现组件元素固定于浏览器底部,在保持原组件元素样式布局不变的情况下,增加组件元素的宽度,增强用户视觉效果。
附图说明
图1是本发明一实施例的利用CSS进行底部元素吸底控制的方法流程示意图。
图2是本发明一具体实施例的浏览器页面示意图。
图3是本发明一具体实施例的触发底部元素吸底的一种示例性情况示意图。
图4是本发明一具体实施例的触发底部元素吸底的另一种示例性情况示意图。
图5是本发明一实施例的利用CSS进行底部元素吸底控制的系统架构示意图。
图6是本发明一实施例的计算机设备结构示意图。
具体实施方式
下面将参考若干示例性实施方式来描述本发明的原理和精神。应当理解,给出这些实施方式仅仅是为了使本领域技术人员能够更好地理解进而实现本发明,而并非以任何方式限制本发明的范围。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。
本领域技术人员知道,本发明的实施方式可以实现为一种系统、装置、设备、方法或计算机程序产品。因此,本公开可以具体实现为以下形式,即:完全的硬件、完全的软件(包括固件、驻留软件、微代码等),或者硬件和软件结合的形式。
根据本发明的实施方式,提出了一种利用CSS进行底部元素吸底控制的方法及系统。
下面参考本发明的若干代表性实施方式,详细阐释本发明的原理和精神。
图1是本发明一实施例的利用CSS进行底部元素吸底控制的方法流程示意图。
如图1所示,该方法包括:
步骤S1,在浏览器页面中设置组件元素;
步骤S2,将所述组件元素与所述浏览器页面中的滚动条进行匹配;
步骤S3,在所述滚动条的滚动过程中,当触发吸底条件时,将所述组件元素利用CSS样式进行底部元素吸底。
为了对上述利用CSS进行底部元素吸底控制的方法进行更为清楚的解释,下面结合一个具体的实施例来进行说明。
如图2所示,为一具体实施例的浏览器页面示意图。其中,在浏览器页面210中,所述组件元素220包括:父类元素230及子类元素240。浏览器页面210的右侧显示有滚动条250。
在一实施例中,当接收到用户在浏览器页面210中输入的滚动指令时,根据所述滚动指令滚动所述滚动条250,基于组件元素220与所述浏览器页面中的滚动条250之间存在的匹配关系,所述组件元素220跟随滚动条250的位置进行移动。
其中,组件元素220的设置方式为嵌套页面元素,采用Vue.js框架中的插槽原理将子类元素240嵌套在父类元素230里。
进一步的,元素样式布局为:通过CCS中的Fixed样式布局实现子类元素240“吸底”,父类元素230铺满浏览器全屏效果。
“吸底”布局的时机:
在所述组件元素进行渲染时如果浏览器页面dom(Document Object Model,文档对象模型)加载完成,如图2所示,判断组件元素的高度H1和组件元素偏离浏览器页面顶部的高度H2之和S1是否大于滚动条的高度H3和浏览器当前的可视窗口高度H4之和S2;
在所述滚动条250的滚动过程中,如果S1>S2,即组件元素220再移动就会移动出浏览器页面210,判定所述组件元素触发吸底条件,将所述组件元素220利用CSS样式进行底部元素吸底。
如图3及图4所示的两种示例性情况,由于页面高度不够,随着滚动条250的不断滚动,滚动条250的高度会越来越小,则会出现S1>S2,触发吸底条件。具体的,在触发吸底条件时,通过Fixed样式布局将子类元素240固定在浏览器页面的底部,父类元素230横向铺满浏览器页面210。
结合图3及图4所示,用户滚动鼠标至底部时,子类元素240会固定在浏览器底部260,父类元素230会横向铺满浏览器,这样可以在保持原组件元素样式布局不变的情况下,增加原组件元素的宽度,增强用户视觉效果。
在滚动条250的滚动过程中,如果S1≤S2,恢复所述组件元素的布局。即,当滚动条250再次滚动回原来的位置时,组件元素220恢复布局,恢复如图2所示的页面。
利用上述适合页面元素多种布局的组件“吸底”效果的方法,通过JS(JavaScript)方法判断组件元素是否需要吸底,并利用CSS样式的实现固定于浏览器底部。其中,
JS判断方法是通过判断组件元素的高度和组件元素偏离浏览器页面顶部的高度之和及滚动条的高度和浏览器当前的可视窗口高度之和的大小,如前者大则需要吸底;
CSS样式(Cascading Style Sheets,层叠样式表)固定是通过Fixed布局及左右距离为零达到铺满浏览器效果;当页面高度不够,出现滚动条时,用户将组件元素滚动到浏览器底部即将消失在可视区域时,组件元素浮动固定在浏览器底部,当用户滚动鼠标页面元素出现在最开始的布局位置,页面的组件元素还原于初始布局的位置。
在上述过程中,Fixed布局不会占用位置,但是会随着屏幕悬浮。
需要说明的是,尽管在上述实施例及附图中以特定顺序描述了本发明方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地,可以省略某些步骤,将多个步骤合并为一个步骤执行,和/或将一个步骤分解为多个步骤执行。
在介绍了本发明示例性实施方式的方法之后,接下来,参考图5对本发明示例性实施方式的利用CSS进行底部元素吸底控制的系统进行介绍。
利用CSS进行底部元素吸底控制的系统的实施可以参见上述方法的实施,重复之处不再赘述。以下所使用的术语“模块”或者“单元”,可以是实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现,但是硬件,或者软件和硬件的组合的实现也是可能并被构想的。
基于同一发明构思,本发明还提出了一种利用CSS进行底部元素吸底控制的系统,如图5所示,该系统包括:
组件元素设置模块501,用于在浏览器页面中设置组件元素;
匹配模块502,用于将所述组件元素与所述浏览器页面中的滚动条进行匹配;
组件元素控制模块503,用于在所述滚动条的滚动过程中,当触发吸底条件时,将所述组件元素利用CSS样式进行底部元素吸底。
进一步的,结合图5所示,该系统还包括:
滚动条控制模块504,用于接收滚动指令,根据所述滚动指令滚动所述滚动条;
所述组件元素控制模块503,还用于控制所述组件元素跟随滚动条的位置进行移动。
其中,所述组件元素包括:父类元素及子类元素。
在一实施例中,所述组件元素设置模块501,还用于采用Vue.js框架将子类元素嵌套在父类元素里。
所述组件元素控制模块503,还用于在所述组件元素进行渲染时如果浏览器页面dom加载完成,判断组件元素的高度和组件元素偏离浏览器页面顶部的高度之和S1是否大于滚动条的高度和浏览器当前的可视窗口高度之和S2;
在所述滚动条的滚动过程中,如果S1>S2,判定所述组件元素触发吸底条件,将所述组件元素利用CSS样式进行底部元素吸底。
更进一步的,在判定所述组件元素触发吸底条件时,通过Fixed样式布局将子类元素固定在浏览器页面的底部,父类元素横向铺满浏览器页面。
另外,在滚动条的滚动过程中,如果S1≤S2,所述组件元素控制模块,还用于恢复所述组件元素的布局。
应当注意,尽管在上文详细描述中提及了利用CSS进行底部元素吸底控制的系统的若干模块,但是这种划分仅仅是示例性的并非强制性的。实际上,根据本发明的实施方式,上文描述的两个或更多模块的特征和功能可以在一个模块中具体化。反之,上文描述的一个模块的特征和功能可以进一步划分为由多个模块来具体化。
基于前述发明构思,如图6所示,本发明还提出了一种计算机设备600,包括存储器610、处理器620及存储在存储器610上并可在处理器620上运行的计算机程序630,所述处理器620执行所述计算机程序630时实现前述利用CSS进行底部元素吸底控制的方法。
基于前述发明构思,本发明还提出了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现利用CSS进行底部元素吸底控制的方法。
本发明提出的利用CSS进行底部元素吸底控制的方法及系统,通过Vue插槽原理实现组件里子元素的复制及父类组件的自定义化样式,可以用与浏览器的Fixed固定定位实现元素固定在浏览器的窗体上不受页面滚动条的影响,样式的添加时机可以通过判断页面上是否出现竖向滚动条,出现时将组件元素置成Fixed布局,组件便固定于浏览器,这样可以在保持原组件元素样式布局不变的情况下,增加原组件元素的宽度,增强用户视觉效果;在没有竖向滚动条时组件保持原先元素属性,保持原有布局。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
最后应说明的是:以上所述实施例,仅为本发明的具体实施方式,用以说明本发明的技术方案,而非对其限制,本发明的保护范围并不局限于此,尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。
Claims (16)
1.一种利用CSS进行底部元素吸底控制的方法,其特征在于,该方法包括:
在浏览器页面中设置组件元素;
将所述组件元素与所述浏览器页面中的滚动条进行匹配;
在所述滚动条的滚动过程中,当触发吸底条件时,将所述组件元素利用CSS样式进行底部元素吸底。
2.根据权利要求1所述的利用CSS进行底部元素吸底控制的方法,其特征在于,所述组件元素包括:父类元素及子类元素。
3.根据权利要求2所述的利用CSS进行底部元素吸底控制的方法,其特征在于,在浏览器页面中设置组件元素还包括:
采用Vue.js框架将子类元素嵌套在父类元素里。
4.根据权利要求3所述的利用CSS进行底部元素吸底控制的方法,其特征在于,该方法还包括:
接收滚动指令,根据所述滚动指令滚动所述滚动条,所述组件元素跟随滚动条的位置进行移动。
5.根据权利要求4所述的利用CSS进行底部元素吸底控制的方法,其特征在于,该方法还包括:
在所述组件元素进行渲染时如果浏览器页面dom加载完成,判断组件元素的高度和组件元素偏离浏览器页面顶部的高度之和S1是否大于滚动条的高度和浏览器当前的可视窗口高度之和S2;
在所述滚动条的滚动过程中,如果S1>S2,判定所述组件元素触发吸底条件,将所述组件元素利用CSS样式进行底部元素吸底。
6.根据权利要求5所述的利用CSS进行底部元素吸底控制的方法,其特征在于,该方法还包括:
在判定所述组件元素触发吸底条件时,通过Fixed样式布局将子类元素固定在浏览器页面的底部,父类元素横向铺满浏览器页面。
7.根据权利要求5所述的利用CSS进行底部元素吸底控制的方法,其特征在于,该方法还包括:
在滚动条的滚动过程中,如果S1≤S2,恢复所述组件元素的布局。
8.一种利用CSS进行底部元素吸底控制的系统,其特征在于,该系统包括:
组件元素设置模块,用于在浏览器页面中设置组件元素;
匹配模块,用于将所述组件元素与所述浏览器页面中的滚动条进行匹配;
组件元素控制模块,用于在所述滚动条的滚动过程中,当触发吸底条件时,将所述组件元素利用CSS样式进行底部元素吸底。
9.根据权利要求8所述的利用CSS进行底部元素吸底控制的系统,其特征在于,所述组件元素包括:父类元素及子类元素。
10.根据权利要求9所述的利用CSS进行底部元素吸底控制的系统,其特征在于,所述组件元素设置模块,还用于采用Vue.js框架将子类元素嵌套在父类元素里。
11.根据权利要求10所述的利用CSS进行底部元素吸底控制的系统,其特征在于,该系统还包括:
滚动条控制模块,用于接收滚动指令,根据所述滚动指令滚动所述滚动条;
所述组件元素控制模块,还用于控制所述组件元素跟随滚动条的位置进行移动。
12.根据权利要求11所述的利用CSS进行底部元素吸底控制的系统,其特征在于,所述组件元素控制模块,还用于在所述组件元素进行渲染时如果浏览器页面dom加载完成,判断组件元素的高度和组件元素偏离浏览器页面顶部的高度之和S1是否大于滚动条的高度和浏览器当前的可视窗口高度之和S2;
在所述滚动条的滚动过程中,如果S1>S2,判定所述组件元素触发吸底条件,将所述组件元素利用CSS样式进行底部元素吸底。
13.根据权利要求12所述的利用CSS进行底部元素吸底控制的系统,其特征在于,所述组件元素控制模块,还用于在判定所述组件元素触发吸底条件时,通过Fixed样式布局将子类元素固定在浏览器页面的底部,父类元素横向铺满浏览器页面。
14.根据权利要求12所述的利用CSS进行底部元素吸底控制的系统,其特征在于,在滚动条的滚动过程中,如果S1≤S2,所述组件元素控制模块,还用于恢复所述组件元素的布局。
15.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7任一所述方法。
16.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1至7任一所述方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010195858.3A CN111382388B (zh) | 2020-03-19 | 2020-03-19 | 一种利用css进行底部元素吸底控制的方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010195858.3A CN111382388B (zh) | 2020-03-19 | 2020-03-19 | 一种利用css进行底部元素吸底控制的方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111382388A true CN111382388A (zh) | 2020-07-07 |
CN111382388B CN111382388B (zh) | 2023-10-24 |
Family
ID=71217210
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010195858.3A Active CN111382388B (zh) | 2020-03-19 | 2020-03-19 | 一种利用css进行底部元素吸底控制的方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111382388B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111949264A (zh) * | 2020-07-09 | 2020-11-17 | 北京齐尔布莱特科技有限公司 | 一种页面元素的定位方法及移动终端 |
CN112287258A (zh) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 页面渲染方法、装置、设备和存储介质 |
CN115658046A (zh) * | 2022-12-13 | 2023-01-31 | 中国人民解放军国防科技大学 | 基于Web技术开发模块化UI交互组件的方法、装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2011221641A (ja) * | 2010-04-06 | 2011-11-04 | Nippon Telegr & Teleph Corp <Ntt> | ウェブページ変換表示システム、ウェブページ変換表示方法、およびウェブページ変換表示プログラム |
CN103324476A (zh) * | 2013-06-04 | 2013-09-25 | 白连宇 | 页面动态参照布局及展现方法 |
CN106293409A (zh) * | 2016-08-12 | 2017-01-04 | 福建中金在线信息科技有限公司 | 一种轻量级滚动条的美化方法 |
CN110134887A (zh) * | 2019-04-03 | 2019-08-16 | 深圳市中博科创信息技术有限公司 | 一种网页顶端导航栏控制方法、装置、设备及存储介质 |
CN110597583A (zh) * | 2019-08-14 | 2019-12-20 | 北京金堤科技有限公司 | 模态框的吸顶方法和装置、存储介质、电子设备 |
CN110837617A (zh) * | 2019-10-11 | 2020-02-25 | 平安科技(深圳)有限公司 | 一种网页自适应布局方法、服务器及计算机可读存储介质 |
-
2020
- 2020-03-19 CN CN202010195858.3A patent/CN111382388B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2011221641A (ja) * | 2010-04-06 | 2011-11-04 | Nippon Telegr & Teleph Corp <Ntt> | ウェブページ変換表示システム、ウェブページ変換表示方法、およびウェブページ変換表示プログラム |
CN103324476A (zh) * | 2013-06-04 | 2013-09-25 | 白连宇 | 页面动态参照布局及展现方法 |
CN106293409A (zh) * | 2016-08-12 | 2017-01-04 | 福建中金在线信息科技有限公司 | 一种轻量级滚动条的美化方法 |
CN110134887A (zh) * | 2019-04-03 | 2019-08-16 | 深圳市中博科创信息技术有限公司 | 一种网页顶端导航栏控制方法、装置、设备及存储介质 |
CN110597583A (zh) * | 2019-08-14 | 2019-12-20 | 北京金堤科技有限公司 | 模态框的吸顶方法和装置、存储介质、电子设备 |
CN110837617A (zh) * | 2019-10-11 | 2020-02-25 | 平安科技(深圳)有限公司 | 一种网页自适应布局方法、服务器及计算机可读存储介质 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111949264A (zh) * | 2020-07-09 | 2020-11-17 | 北京齐尔布莱特科技有限公司 | 一种页面元素的定位方法及移动终端 |
CN112287258A (zh) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 页面渲染方法、装置、设备和存储介质 |
CN115658046A (zh) * | 2022-12-13 | 2023-01-31 | 中国人民解放军国防科技大学 | 基于Web技术开发模块化UI交互组件的方法、装置 |
Also Published As
Publication number | Publication date |
---|---|
CN111382388B (zh) | 2023-10-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111382388A (zh) | 一种利用css进行底部元素吸底控制的方法及系统 | |
RU2012101105A (ru) | Способ пролистывания мобильного терминала и устройство для его выполнения | |
AU2013222958B2 (en) | Method and apparatus for object size adjustment on a screen | |
US20080077879A1 (en) | Interface with multiple rows of tabs having tabs at fixed relative positions | |
KR101382928B1 (ko) | 전자 서적의 책갈피 설정 방법 및 장치와 그 방법에 대한 프로그램 소스를 저장한 기록 매체 | |
RU2014103181A (ru) | Устройство, содержащее дисплей, способ и компьютерная программа | |
CN103098001B (zh) | 一种用户界面的处理方法和电子设备 | |
JP5693901B2 (ja) | 表示装置、表示方法、およびプログラム | |
CN103777876A (zh) | 触摸屏显示器页面处理方法、装置及电子设备 | |
KR102205283B1 (ko) | 적어도 하나의 어플리케이션을 실행하는 전자 장치 및 그 제어 방법 | |
KR102094498B1 (ko) | 멀티 윈도우 제공 방법 및 장치 | |
CN112835499A (zh) | 一种轮播图展示方法、装置、设备及介质 | |
CN103034410A (zh) | 页面显示的方法及设备 | |
CN104834457A (zh) | 一种触摸屏键盘的自动调节方法和装置 | |
JP6563522B2 (ja) | コンテンツ表示制御方法及びコンテンツ表示制御方法を行うユーザ端末 | |
CN108536361B (zh) | 触控操作的处理方法、装置、存储介质、处理器及终端 | |
CN103383629A (zh) | 一种基于html5的输入方法及装置 | |
CN105094503B (zh) | 一种信息处理方法以及可形变的电子设备 | |
CN106569675B (zh) | 一种提示框显示方法及装置 | |
JP2017004377A (ja) | 情報処理プログラム、表示制御装置、表示制御システム及び表示方法 | |
CN103365526A (zh) | 控件排布方法和装置 | |
CN106940615A (zh) | 一种表格处理方法及装置、用户设备 | |
CN111176530A (zh) | 微信小程序中3d模型展示方法及装置 | |
CN107168630A (zh) | 一种终端设备、页面控制装置及页面控制方法 | |
US10706217B2 (en) | Quick access panel for displaying a web page on a mobile device |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |