设置网页DOM元素透明度的方法及装置制造方法及图纸

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

Method and device for setting up transparency of DOM element of webpage

This disclosure is a method and a device for setting the \DOM elements of transparency, the method includes: receiving a trigger event page scroll instructions, obtain the document object model DOM element set transparency, DOM elements carrying the flag, the flag is used to indicate whether the DOM can be set according to the elements of the current transparency flag determine whether there will be transparency settings for the DOM element, as the first flag logo, the DOM element's opacity to a preset value, and the flag is set to second mark, flag second mark, continue to implement the page scroll event page, scroll event will stop when the DOM element set back to the initial value of transparency and, as the first sign sign position setting. The public can reduce the number of access to the DOM element and set the transparency, reduce the possibility of page Caton, page scroll more smoothly, improve the user experience.

【技术实现步骤摘要】
设置网页DOM元素透明度的方法及装置
本公开涉及通信
，尤其涉及一种设置网页DOM元素透明度的方法及装置。
技术介绍
随着手机等移动终端的普及，在移动终端上的应用越来越多，用户使用移动终端浏览网页也越来越频繁，移动终端网页的显示形式，可以通过移动终端浏览器显示(即网页应用(Webapp))，也可以内嵌在iOS系统或者安卓系统的App里(即混合模式移动应用(HybridAPP))，网页的更新通过服务器端来完成，具备更新快的特点，随着用户使用移动终端浏览网页的频繁，对网页显示性能的要求也越来越高。用户使用移动终端进行网页浏览时，比如打开一个页面，页面由多个文档对象模型(DocumentObjectModel，简称：DOM)元素构成，位于该页面上的构成特殊页面的DOM元素或页面某一位置的DOM元素在页面滚动过程中需要处于半透明的状态，滚动停止时恢复原来的状态，例如浮在页面中央上部的广告页，为了不影响用户浏览，该广告页在页面滚动过程中需要处于半透明的状态。相关技术中实现上述功能的方法是：在页面的滚动事件(scrollevent)被触发后，获取相应的DOM元素，将DOM元素的透明度设置为本文档来自技高网...

【技术保护点】
一种设置网页DOM元素透明度的方法，其特征在于，包括：接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；根据所述标志位确定是否可以对所述DOM元素进行透明度设置；所述标志位为第一标识时，将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；所述页面滚动事件停止时，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。

【技术特征摘要】
1.一种设置网页DOM元素透明度的方法，其特征在于，包括：接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；根据所述标志位确定是否可以对所述DOM元素进行透明度设置；所述标志位为第一标识时，将所述DOM元素的透明度设置为预设值，并将所述标志位设置为第二标识；所述标志位为所述第二标识时，继续执行所述页面滚动事件；所述页面滚动事件停止时，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。2.根据权利要求1所述的方法，其特征在于，所述将所述标志位设置为第二标识之后，还包括：在预设时间之后，将所述DOM元素的透明度设置回初始值，并将所述标志位设置为所述第一标识。3.根据权利要求1或2所述的方法，其特征在于，还包括：预先设置所述DOM元素的标志位为所述第一标识。4.根据权利要求2所述的方法，其特征在于，所述预设时间大于所述页面滚动事件的触发周期且小于所述页面滚动事件的执行时间。5.根据权利要求4所述的方法，其特征在于，所述预设时间根据所述页面滚动事件停止时将所述DOM元素的透明度设置回初始值所需的时间设定。6.一种设置网页DOM元素透明度的装置，其特征在于，包括：接收模块，被配置为接收触发页面滚动事件的指令；获取模块，被配置为在所述接收模块接收到触发页面滚动事件的指令后，获取待设置透明度的文档对象模型DOM元素，所述DOM元素携带标志位，所述标志位用于指示当前是否可以设置所述DOM元素的透明度；第一设置模块，被配置为根据所述标志位确定是否可以对所述DOM元素进行透明度设置；所述标志位为第一标识时，...

【专利技术属性】
技术研发人员：冷雪峰，刘博文，周鹏，
申请(专利权)人：北京小米移动软件有限公司，
类型：发明
国别省市：北京,11