[发明专利]设置网页DOM元素透明度的方法及装置

说明书

本公开是关于一种设置网页DOM元素透明度的方法及装置，所述方法包括：接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，DOM元素携带标志位，标志位用于指示当前是否可以设置DOM元素的透明度，根据标志位确定是否可以对DOM元素进行透明度设置，标志位为第一标识时，将DOM元素的透明度设置为预设值，并将标志位设置为第二标识，标志位为第二标识时，继续执行页面滚动事件，页面滚动事件停止时，将DOM元素的透明度设置回初始值，并将标志位设置为第一标识。本公开可以实现减少了访问DOM元素和设置透明度的次数，降低了页面卡顿的可能性，页面滚动更加流畅，提高了用户体验。

技术领域

本公开涉及通信技术领域，尤其涉及一种设置网页DOM元素透明度的方法及装置。

背景技术

随着手机等移动终端的普及，在移动终端上的应用越来越多，用户使用移动终端浏览网页也越来越频繁，移动终端网页的显示形式，可以通过移动终端浏览器显示(即网页应用(Web app))，也可以内嵌在iOS系统或者安卓系统的App里(即混合模式移动应用(Hybrid APP))，网页的更新通过服务器端来完成，具备更新快的特点，随着用户使用移动终端浏览网页的频繁，对网页显示性能的要求也越来越高。

用户使用移动终端进行网页浏览时，比如打开一个页面，页面由多个文档对象模型(Document Object Model，简称：DOM)元素构成，位于该页面上的构成特殊页面的DOM元素或页面某一位置的DOM元素在页面滚动过程中需要处于半透明的状态，滚动停止时恢复原来的状态，例如浮在页面中央上部的广告页，为了不影响用户浏览，该广告页在页面滚动过程中需要处于半透明的状态。相关技术中实现上述功能的方法是：在页面的滚动事件(scroll event)被触发后，获取相应的DOM元素，将DOM元素的透明度设置为预设值，然后在滚动停止之后，将DOM元素的透明度设置回初始值。

由于访问DOM元素和设置透明度对性能的开销都是高昂的，而滚动事件在用户的一次触发中又会被周期性频繁触发，且由于移动终端硬件和软件条件的限制，以及对网速的依赖，因此会出现不同程度的页面卡顿，严重影响用户体验。

发明内容

为克服相关技术中存在的问题，本公开提供一种设置网页DOM元素透明度的方法及装置。所述技术方案如下：

根据本公开实施例的第一方面，提供一种设置网页DOM元素透明度的方法，包括：

接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；

根据所述标志位确定是否可以对所述DOM元素进行透明度设置；

所述标志位为第一标识时，将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；

所述页面滚动事件停止时，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

本公开的实施例提供的技术方案可以包括以下有益效果：通过在待设置透明度的DOM元素中携带用于指示当前是否可以设置DOM元素的透明度标志位，在页面滚动事件呗触发后，通过标志位进行判断，在判断出可以进行DOM元素的透明度设置时，将DOM元素的透明度设置为预设值，并将标志位设置为第二标识，第二标识指示当前不能设置DOM元素的透明度，在判断出不能进行DOM元素的透明度设置时，不进行透明度设置，继续执行页面滚动事件，直到页面滚动停止，将DOM元素的透明度设置回初始值。通过标志位的设置，只在用户首次触发页面滚动事件时进行透明度的设置，页面滚动停止，将DOM元素的透明度恢复为原来的值，页面滚动中的周期性触发不进行DOM元素的透明度设置，从而减少了访问DOM元素和设置透明度的次数，降低了由此带来的性能开销，大大降低了页面卡顿的可能性，页面滚动更加流畅，提高了用户体验。