CN111273841B - 一种页面处理方法及移动终端 - Google Patents

Abstract

本发明公开了一种页面处理方法，在移动终端中执行，页面的显示区域占据整个屏幕显示区域，并且页面上设有DIV容器，DIV容器包括滚动层和弹层，弹层包括遮罩层和输入单元层，其中弹层处于不可见状态，方法包括步骤：当将页面的显示区域改变为占据屏幕显示区域的一部分时，固定页面相对屏幕显示区域的位置；将弹层设置为可见，以便显示输入单元层的内容，并且使得遮罩层遮挡位于弹层下的页面内容；以及将滚动层设置为模拟滚动条状态，以便在接收到用户滑动操作时，输入单元层中的内容进行滑动而滚动层中的内容不会滑动至显示。本发明一并公开了相应的移动终端。根据本发明的技术方案，能保证页面的稳定，有利于用户顺利输入用户信息，提高了用户体验。

Description

一种页面处理方法及移动终端

技术领域

本发明涉及移动终端开发技术领域，尤其涉及一种页面处理方法及移动终端。

背景技术

目前，大部分网络页面会通过弹层的方式来让用户输入用户信息，例如姓名、手机号等。但在移动终端应用获取的网络页面中，例如UC浏览器中加载的HTML页面，当弹层弹起并唤起键盘弹窗后，用户在弹层上的输入单元输入姓名时，通常会出现姓名下方的输入单元被键盘弹窗遮挡的情况，需要用户手动向上滑动弹层，使下方的输入单元露出以便输入手机号信息。但，由于在键盘弹窗弹起状态下滑动弹层时，输入单元很容易闪白或者偶发性消失。

另外，当弹层中的输入单元过多，需要手动滑动弹层以使下方的输入单元露出时，在滑动弹层的过程中，弹层下方的黑色遮罩层也会随之滚动，导致遮罩层不能完全覆盖页面显示区域的内容，导致在弹层弹起状态下，能够触发页面内容。

在实际开发过程中，相关工作人员编写的页面结构不同、弹层位置设置不同，导致上述网络页面中的问题很难一次性解决。

为此，需要提供一种通用的页面结构及对应的页面处理方法，以解决上述网络页面中弹层弹起时问题。

发明内容

为此，本发明提供一种页面处理方法及移动终端，以解决或至少缓解上面存在的问题。

根据本发明的一个方面，提供了一种页面处理方法，在移动终端中执行，所述移动终端包括适于显示所述页面的屏幕显示区域，所述页面的显示区域占据整个所述屏幕显示区域，并且所述页面上设有DIV容器，所述DIV容器包括滚动层和弹层，所述弹层包括遮罩层和输入单元层，且所述输入单元层叠加在所述遮罩层之上，其中，所述弹层处于不可见状态，且所述滚动层具有和所述DIV容器相同的大小，所述方法包括步骤：当将所述页面的显示区域改变为占据所述屏幕显示区域的一部分时，固定所述页面相对所述屏幕显示区域的位置；将所述弹层设置为可见，以便显示所述输入单元层的内容，并且使得所述遮罩层遮挡位于所述弹层下的页面内容；以及将所述滚动层设置为模拟滚动条状态，以便在接收到用户滑动操作时，所述输入单元层中的内容进行滑动而所述滚动层中的内容不会滑动至显示。

可选地，在根据本发明的页面处理方法中，在将所述弹层设置为可见之后，还包括步骤：固定所述弹层相对所述屏幕显示区域的位置。

可选地，在根据本发明的页面处理方法中，还包括步骤：接收用户在所述输入单元层的操作；将键盘弹窗叠加在所述页面上，以便经由所述键盘弹窗获取用户输入，所述键盘弹窗占据所述屏幕显示区域的一部分。

可选地，在根据本发明的页面处理方法中，将所述弹层设置为可见之前，还包括步骤：接收用户输入信息的请求。

可选地，在根据本发明的页面处理方法中，还包括步骤：响应于用户输入信息完成的请求，将所述弹层设置为不可见，并清除所述滚动层的模拟滚动条状态。

可选地，在根据本发明的页面处理方法中，还包括步骤：响应于用户输入信息完成的请求，清除对所述页面的固定位置状态。

可选地，在根据本发明的页面处理方法中，所述DIV容器自适应充满所述屏幕显示区域。

可选地，在根据本发明的页面处理方法中，所述弹层与所述DIV容器的大小相同，且所述遮罩层与所述弹层大小相同。

可选地，在根据本发明的页面处理方法中，所述页面为HTML页面。

根据本发明的一个方面，提供了一种移动终端，包括：至少一个处理器；以及存储有程序指令的存储器，其中，所述程序指令被配置为适于由所述至少一个处理器执行，所述程序指令包括用于执行如上所述方法的指令。

根据本发明的一个方面，提供了一种存储有程序指令的可读存储介质，当所述程序指令被移动终端读取并执行时，使得所述移动终端执行如上所述方法。

根据本发明的技术方案，通过对页面进行结构处理，在页面上设置DIV容器，在DIV容器中设置滚动层和弹层，并在弹层中设置遮罩层和输入单元层，输入单元层叠加在遮罩层之上。其中，在页面的初始状态，弹层为不可见状态。当弹层弹出时叠加在滚动层之上进行显示，从而，输入单元层为可见状态，且遮罩层遮挡位于弹层下的页面内容和滚动层内容。当用户在弹层上操作时，能够触发输入单元层上的内容，而不会触发被遮罩层遮挡的页面内容和滚动层内容。从而，用户在触发输入单元层输入信息时，能够避免触发页面内容而产生的误操作，保证了页面的稳定，使用户顺利流畅地输入用户信息，提高了用户体验。

进一步地，根据本发明的技术方案，在弹层为可见状态时，还将滚动层设置为模拟滚动条状态。这样，当用户在弹层上滑动操作时，输入单元层上的内容进行滑动，而滚动层中的页面内容处于模拟滑动的状态，即是页面中的内容并不会滑动至显示，从而保证页面内容不会被触发，进一步确保用户在输入信息时页面的稳定性，避免误操作。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的部件或元素。

图1示出了根据本发明一个实施例的移动终端100的示意图；

图2示出了根据本发明一个实施例的页面处理方法200的流程图；

图3a、图3b、图3c分别示出了根据本发明一个实施例的页面300的示意图；以及

图4示出了根据本发明一个实施例的处理装置400的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了根据本发明一个实施例的移动终端100的结构图。移动终端100可以是配置有前置摄像头和显示屏幕的手机、平板电脑、笔记本电脑、多媒体播放器、可穿戴设备等，但不限于此。如图1所示，移动终端100可以包括存储器接口102、多核处理器104，以及外围接口106。

存储器接口102、多核处理器104和/或外围接口106既可以是分立元件，也可以集成在一个或多个集成电路中。在移动终端100中，各种元件可以通过一条或多条通信总线或信号线来耦合。传感器、设备和子系统可以耦合到外围接口106，以便帮助实现多种功能。

例如，加速度传感器110、磁场传感器112和重力传感器114可以耦合到外围接口106，加速度传感器110可以采集在机身坐标系的三个坐标轴方向上的加速度数据，磁场传感器112可以采集在机身坐标系的三个坐标轴方向上的磁场数据(磁感应强度)，重力传感器114可以采集在机身坐标系的三个坐标轴上的重力数据，以上传感器可以方便实现计步、定向、横竖屏智能切换等功能。其他传感器116同样可以与外围接口106相连，例如定位系统(例如GPS接收机)、温度传感器、生物测定传感器或其他感测设备，由此可以帮助实施相关的功能。

相机子系统120和光学传感器122可以用于方便诸如记录照片和视频剪辑的相机功能的实现，其中所述相机子系统和光学传感器例如可以是电荷耦合器件(CCD)或互补金属氧化物半导体(CMOS)光学传感器。可以通过一个或多个无线通信子系统124来帮助实现通信功能，其中无线通信子系统可以包括射频接收机和发射机和/或光(例如红外)接收机和发射机。无线通信子系统124的特定设计和实施方式可以取决于移动终端100所支持的一个或多个通信网络。例如，移动终端100可以包括被设计成支持LTE、3G、GSM网络、GPRS网络、EDGE网络、Wi-Fi或WiMax网络以及BlueboothTM网络的通信子系统124。

音频子系统126可以与扬声器128以及麦克风130相耦合，以便帮助实施启用语音的功能，例如语音识别、语音复制、数字记录和电话功能。I/O子系统140可以包括触摸屏控制器142和/或一个或多个其他输入控制器144。触摸屏控制器142可以耦合到触摸屏146。举例来说，该触摸屏146和触摸屏控制器142可以使用多种触摸感测技术中的任何一种来检测与之进行的接触和移动或是暂停，其中感测技术包括但不局限于电容性、电阻性、红外和表面声波技术。一个或多个其他输入控制器144可以耦合到其他输入/控制设备148，例如一个或多个按钮、摇杆开关、拇指旋轮、红外端口、USB端口、和/或指示笔之类的指点设备。所述一个或多个按钮(未显示)可以包括用于控制扬声器128和/或麦克风130音量的向上/向下按钮。

存储器接口102可以与存储器150相耦合。该存储器150可以包括内部存储器和外部存储器，内部存储器例如可以是静态随机存取存储器(SRAM)、非易失性存储器(NVRAM)等，但不限于此；外部存储器例如可以是硬盘、可移动硬盘、U盘等，但不限于此。存储器150可以存储程序指令，程序指令例如可以包括操作系统152和应用154。操作系统152例如可以是Android、iOS、Windows Phone等，其包括用于处理基本系统服务以及执行依赖于硬件的任务的程序指令。存储器150还可以存储应用154，应用154可以包括用于实现各种用户期望的功能的程序指令。应用154可以是独立于操作系统提供的，也可以是操作系统自带的。另外，应用154被安装到移动终端100中时，也可以向操作系统添加驱动模块。在移动设备运行时，会从存储器150中加载操作系统152，并且由处理器104执行。应用154在运行时，也会从存储器150中加载，并由处理器104执行。应用154运行在操作系统之上，利用操作系统以及底层硬件提供的接口实现各种用户期望的功能，如硬件管理、即时通信、网页浏览等。

在一个实施例中，上述各种应用154的一种或多种应用包括处理装置400，处理装置400包括适于执行本发明的页面处理方法200的多条程序指令，以便通过处理装置400执行本发明的页面处理方法200。处理装置400驻留在移动终端(例如前述移动终端100)中，以使移动终端100执行本发明的页面处理方法200。

在一个实施例中，包括处理装置400的应用154例如是各种App，例如各种浏览器，但不限于此。应用中加载的页面例如是HTML页面，但，本发明对页面的具体类型也不作限制。移动终端包括屏幕显示区域，屏幕显示区域可用于显示页面。

应当指出，在根据本发明的页面处理方法200中，预先对页面的结构进行了处理。图3a、图3b分别示出了根据本发明一个实施例的页面300的示意图。

如图3a所示，在页面的初始状态，页面的显示区域占据整个屏幕显示区域350。页面上设有DIV容器310，DIV容器310包括滚动层320和弹层330。滚动层320具有和DIV容器相同的大小，即是滚动层320与DIV容器310的宽度和高度均相同。在页面的初始状态，弹层330处于不可见状态。

具体地，首先在页面上生成DIV容器310，并设置DIV容器310自适应充满屏幕显示区域350。在DIV容器310中分别生成滚动层320、弹层330，滚动层320的大小设置为与DIV容器310相同。这样，在DIV容器310中的滚动层320也会充满屏幕显示区域350。需要说明的是，在页面的初始状态，用户可通过对滚动层320进行滑动操作来实现滚动层320中内容的滚动。

进一步地，在弹层330中分别生成遮罩层331、输入单元层332。这样，弹层330包括遮罩层331和输入单元层332，并且，输入单元层332叠加在遮罩层331之上。输入单元层332包括一个或多个输入单元，用户通过触发输入单元来输入相应的用户信息，从而移动终端能获取用户输入的相应信息。应当理解，在页面的初始状态，弹层330处于不可见状态时，弹层330中的遮罩层331和输入单元层332也均处于不可见状态。

根据一种实施方式，通过将弹层330设置为display:none状态，使弹层330处于不可见状态。但，本发明不限于该实施方式，现有技术中，所有能实现使弹层处于不可见状态的方式均在本发明的保护范围之内。

另外，如图3b所示，弹层330在弹出后会叠加在页面之上进行显示(可见)，并覆盖位于弹层330下方的页面内容。

具体地，在弹层330弹出后叠加在页面之上时(弹层330处于可见状态)，弹层330中的输入单元层332叠加在遮罩层331之上进行显示，以便获取用户在输入单元层332输入的用户信息。并且，遮罩层331会遮挡位于其下方的页面内容。

图2示出了根据本发明一个实施例的页面处理方法200的流程图。方法200适于在移动终端(例如移动终端100)中执行。如图2所示，方法200包括步骤S210～S230。

如图2所示，在步骤S210中，当页面的显示区域改变为占据屏幕显示区域350的一部分时，固定页面相对屏幕显示区域的位置。这里，页面的显示区域的改变是基于用户对页面的触发操作，例如，用户可通过触发页面内容来发送相应的请求，在接收到用户的请求时，将页面的显示区域改变为占据屏幕显示区域350的一部分，以便在屏幕显示区域上显示其他内容。

在一种实施方式中，通过将页面设置为position:fixed状态，来对页面相对屏幕显示区域进行定位。这样，保证在弹层330弹出后遮罩层331能够完全遮挡页面的显示区域，避免触发页面显示区域中的内容而产生误操作。应当指出，本发明不限于上述对页面进行定位的方式，现有技术中，所有能实现将页面固定的实施方式均在本发明的保护范围之内。

随后，在步骤S220中，将弹层330设置为可见，即是将弹层330弹出并叠加在页面之上进行显示。具体地，在接收到用户输入信息的请求时，响应于用户的请求，将弹层330设置为可见，使弹层330中的输入单元层332叠加在页面之上进行显示，以便显示输入单元层332中的内容。如图3b所示，弹层330中的输入单元层332占据屏幕显示区域的一部分，页面的显示区域占据屏幕显示区域350的一部分。

在一种实施方式中，例如将弹层330由display:none切换为display:block状态，使弹层330弹出并叠加在页面之上进行显示，使用户能够在输入单元层332输入用户信息，从而获取用户信息。并且，将弹层330设置为可见后，弹层330中的遮罩层331会遮挡位于弹层330下方的页面内容。

需要说明的是，输入单元层332是叠加在遮罩层331之上进行显示，而位于遮罩层331下方的页面内容被遮罩层331遮挡，这样，当用户触发弹层330时，会触发弹层330中的输入单元层332以进行输入相应的用户信息，并不会触发位于遮罩层331下方的页面内容，从而，保证用户在输入单元层332中输入用户信息时的页面稳定，避免对页面内容造成误操作而影响用户体验。

随后，在步骤S230中，还将滚动层320设置为模拟滚动条状态，例如将滚动层320设置为overflow-scrolling：auto，以进行模拟滚动。这样，由于遮罩层331对其下方的滚动层320、页面内容的遮挡作用，在接收到用户的滑动操作时，弹层330中的输入单元层332中的内容进行滑动，而滚动层320中的页面内容处于模拟滑动的状态，即是页面中的内容并不会滑动至显示，换言之，即使因滑动操作使页面中的显示区域脱离了遮罩层，但该部分区域为空白的无内容区域，并不会被用户触发，而页面中的内容区域并不会显示，从而页面内容并不会被触发，也就实现了滚动层中的内容不进行滑动的效果。

根据一个实施例，在将弹层330设置为可见之后，还固定弹层330相对屏幕显示区域的位置。具体地，通过将弹层330的初始样式设置为position:fixed，在弹层330设置为可见状态后，通过初始设置的position:fixed来实现对弹层330的定位，即是使弹层330相对屏幕显示区域进行定位。另外，通过将弹层330中的遮罩层331和输入单元层332的初始样式也分别设置为position:fixed来进行定位，以保证在弹层330弹出后，遮罩层331和输入单元层332的位置相对于弹层330、屏幕显示区域是固定不变的，进一步保证了页面的稳定性。

根据一种实施方式，弹层330及其遮罩层331的大小可以设置为与滚动层320、DIV容器310的大小相同，即是弹层330具有与DIV容器310相同的大小，且遮罩层331与弹层330的大小相同。从而，在弹层330为可见状态时，遮罩层能够充满屏幕显示区域，确保遮罩层331完全覆盖页面的显示区域。另外，本发明对弹层330中的输入单元层332的具体大小和位置不做限定，只要输入单元层332位于弹层330的区域范围之内即可。

根据一个实施例，在将弹层330设置为可见之后，还包括步骤：接收用户在输入单元层332的操作，这里，例如是接收用户对输入单元层332的点击操作，从而触发输入单元层332。进而，如图3c所示，将键盘弹窗340叠加在页面上，以便经由键盘弹窗340获取用户对输入单元层332输入的用户信息。其中，键盘弹窗340占据屏幕显示区域的一部分。

需要说明的是，在弹层330和键盘弹窗340均为显示状态时，由于弹层330中的输入单元层332的内容包括的多个输入单元中，一部分输入单元有可能被键盘弹窗340遮挡而隐藏。用户在输入用户信息时，需要对弹层330进行滑动操作，使一部分被隐藏的输入单元滑动至键盘弹窗的区域之外进行显示，以便用户输入相应的用户信息。在接收到用户的滑动操作时，能实现弹层330中的输入单元层332的内容进行滑动，而滚动层320中的页面内容处于模拟滑动的状态，即是页面中的内容并不会滑动至显示，从而保证页面内容不会被触发，确保用户在输入信息时页面的稳定性，避免误操作，提高用户体验。

根据一个实施例，在用户输入信息完成之后，响应于用户输入信息完成的请求，将弹层330设置为不可见，例如将弹层330设置为初始的display:none状态。并且，清除滚动层320的模拟滚动条状态，即是清除对滚动层320设置的overflow-scrolling：auto状态。另外，还清除对页面的固定位置状态。从而，使页面恢复初始状态，即是页面的显示区域占据整个屏幕显示区域的页面浏览模式。

图4示出了根据本发明一个实施的处理装置400的示意图，处理装置400驻留于移动终端(例如前述移动终端100)中，以使移动终端100执行本发明的页面处理方法200。如图4所示，处理装置400包括定位模块410和设置模块420。

其中，在页面的显示区域改变为占据屏幕显示区域的一部分时，通过定位模块410固定页面相对屏幕显示区域的位置。设置模块420将弹层设置为可见，以便显示输入单元层的内容，并且使得遮罩层遮挡位于弹层下的页面内容。另外，设置模块420还将滚动层设置为模拟滚动条状态，以便在接收到用户滑动操作时，弹层中的输入单元层进行滑动而滚动层中的内容不会滑动至显示。

需要说明的是，定位模块410具体用于执行如前述步骤S210的方法，设置模块420具体用于执行如前述步骤S220～S230的方法，关于定位模块410和设置模块420的处理逻辑和功能可以参见前述步骤S210～S230的相关描述，此处不再赘述。

A9、如A1-A8任一项所述的页面处理方法，其中：所述页面为HTML页面。

这里描述的各种技术可结合硬件或软件，或者它们的组合一起实现。从而，本发明的方法和设备，或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介，例如可移动硬盘、U盘、软盘、CD-ROM或者其它任意机器可读的存储介质中的程序代码(即指令)的形式，其中当程序被载入诸如计算机之类的机器，并被所述机器执行时，所述机器变成实践本发明的设备。

在程序代码在可编程计算机上执行的情况下，移动终端一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件)，至少一个输入装置，和至少一个输出装置。其中，存储器被配置用于存储程序代码；处理器被配置用于根据该存储器中存储的所述程序代码中的指令，执行本发明的页面处理方法。

以示例而非限制的方式，可读介质包括可读存储介质和通信介质。可读存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据，并且包括任何信息传递介质。以上的任一种的组合也包括在可读介质的范围之内。

在此处所提供的说明书中，算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与本发明的示例一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中，或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

此外，所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此，具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外，装置实施例的在此所述的元素是如下装置的例子：该装置用于实施由为了实施该发明的目的的元素所执行的功能。

如在此所使用的那样，除非另行规定，使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例，并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。

尽管根据有限数量的实施例描述了本发明，但是受益于上面的描述，本技术领域内的技术人员明白，在由此描述的本发明的范围内，可以设想其它实施例。此外，应当注意，本说明书中使用的语言主要是为了可读性和教导的目的而选择的，而不是为了解释或者限定本发明的主题而选择的。因此，在不偏离所附权利要求书的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围，对本发明所做的公开是说明性的而非限制性的，本发明的范围由所附权利要求书限定。

Claims (10)

1.一种页面处理方法，在移动终端中执行，所述移动终端包括适于显示所述页面的屏幕显示区域，所述页面的显示区域占据整个所述屏幕显示区域，并且所述页面上设有DIV容器，所述DIV容器包括滚动层和弹层，所述弹层包括遮罩层和输入单元层，且所述输入单元层叠加在所述遮罩层之上，其中，所述弹层处于不可见状态，且所述滚动层具有和所述DIV容器相同的大小，所述方法包括步骤：

当将所述页面的显示区域改变为占据所述屏幕显示区域的一部分时，

固定所述页面相对所述屏幕显示区域的位置；

将所述弹层设置为可见，以便显示所述输入单元层的内容，并且使得所述遮罩层遮挡位于所述弹层下的页面内容；

将所述滚动层设置为模拟滚动条状态，以便在接收到用户滑动操作时，所述输入单元层中的内容进行滑动而所述滚动层中的内容不会滑动至显示；以及

接收用户在所述输入单元层的操作，将键盘弹窗叠加在所述页面上，以便经由所述键盘弹窗获取用户输入，所述键盘弹窗占据所述屏幕显示区域的一部分。

2.如权利要求1所述的页面处理方法，其中，在将所述弹层设置为可见之后，还包括步骤：

固定所述弹层相对所述屏幕显示区域的位置。

3.如权利要求1所述的页面处理方法，其中，将所述弹层设置为可见之前，还包括步骤：

接收用户输入信息的请求。

4.如权利要求1-3任一项所述的页面处理方法，其中，还包括步骤：

响应于用户输入信息完成的请求，将所述弹层设置为不可见，并清除所述滚动层的模拟滚动条状态。

5.如权利要求1-3任一项所述的页面处理方法，其中，还包括步骤：

响应于用户输入信息完成的请求，清除对所述页面的固定位置状态。

6.如权利要求1-3任一项所述的页面处理方法，其中：

所述DIV容器自适应充满所述屏幕显示区域。

7.如权利要求1-3任一项所述的页面处理方法，其中：

所述弹层与所述DIV容器的大小相同，且所述遮罩层与所述弹层大小相同。

8.如权利要求1-3任一项所述的页面处理方法，其中：

所述页面为HTML页面。

9.一种移动终端，包括：

至少一个处理器；以及

存储器，存储有程序指令，其中，所述程序指令被配置为适于由所述至少一个处理器执行，所述程序指令包括用于执行如权利要求1-8中任一项所述方法的指令。

10.一种存储有程序指令的可读存储介质，当所述程序指令被移动终端读取并执行时，使得所述移动终端执行如权利要求1-8中任一项所述方法。

Images