CN109918593A - Suspended window display control method, device, terminal and storage medium - Google Patents
Suspended window display control method, device, terminal and storage medium Download PDFInfo
- Publication number
- CN109918593A CN109918593A CN201910070257.7A CN201910070257A CN109918593A CN 109918593 A CN109918593 A CN 109918593A CN 201910070257 A CN201910070257 A CN 201910070257A CN 109918593 A CN109918593 A CN 109918593A
- Authority
- CN
- China
- Prior art keywords
- suspended window
- page
- input frame
- display control
- terminal
- 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.)
- Pending
Links
Abstract
The embodiment of the present invention provides a kind of suspended window display control method, detects whether the input frame on the H5 page of terminal receives clicking operation；When detecting that the input frame on the H5 page receives clicking operation, the rolling distance of H5 page scroll bar is calculated；Relative positioning is set by the position attribution for being located at the suspended window of the H5 page according to the rolling distance；It detects and whether receives operation on the input frame within a preset period of time；When the input frame does not receive operation within a preset period of time for detecting, absolute fix is set by the position attribution of the suspended window.The embodiment of the present invention also provides a kind of suspended window display control unit, terminal and computer readable storage medium.Utilize the embodiment of the present invention, it only need to be the position that can determine top suspended window according to the rolling distance of the H5 page, ensure that the top suspended window can normally be shown always, solves the problems, such as that H5 page page top suspended window when entering method keyboard is bounced in ios terminal is got on by top.
Description
Technical field
The present invention relates to UI design field more particularly to a kind of suspended window display control methods, suspended window display control dress
It sets, terminal and computer readable storage medium.
Background technique
In recent years, with the rapid development of mobile communication technology, various hand-held terminal devices, as mobile phone, individual digital help
Reason (PDA) has become essential electronic equipment for people's lives.At the top of using the browser browsing in hand-held terminal device
When webpage with suspended window, the input frame that related content is inputted for user can be provided on the page of some lists.When with
When a certain input frame in the webpage clicking of family, browser would generally pop up input method circle in the bottom end of hand-held terminal device screen
Face meets the information of input frame requirement for user's input.
Under normal circumstances, user clicks input frame, and interface of input method will pop up, and suspended window should be suspended in webpage top at this time
Portion.But the problem of due to ios system itself, when causing to click input frame, suspended window is ejected interface, it can not normally show,
Experience is very bad for a user.Therefore, it is necessary to provide a kind of localization method for suspended window again, so that input
When method interface is popped up, suspended window can carry out the adjustment of adaptability according to the position of interface of input method.
Summary of the invention
In consideration of it, it is necessary to provide a kind of suspended window display control method, suspended window display control unit, terminal and meters
Calculation machine readable storage medium storing program for executing is able to solve H5 page page top suspended window when entering method keyboard bounces in ios terminal and is pushed up
Up the problem of.
On the one hand the embodiment of the present invention provides a kind of suspended window display control method, be applied to terminal, and the suspended window is aobvious
Show that control method includes:
Whether the input frame detected on the H5 page of terminal receives clicking operation；
When detecting that the input frame on the H5 page receives clicking operation, the rolling distance of H5 page scroll bar is calculated；
Relative positioning is set by the position attribution for being located at the suspended window of the H5 page according to the rolling distance, and according to institute
It states relative positioning and shows the suspended window；
It detects and whether receives operation on the input frame within a preset period of time；
When the input frame does not receive operation within a preset period of time for detecting, the position attribution of the suspended window is set
It is set to absolute fix, and the suspended window is shown according to the absolute fix.
Further, in above-mentioned suspended window display control method provided in an embodiment of the present invention, the detection terminal
The method whether input frame on the H5 page receives clicking operation includes:
Judge whether the input frame obtains focus；
If the input frame obtains focus, determine that the input frame on the H5 page receives clicking operation.
Further, in above-mentioned suspended window display control method provided in an embodiment of the present invention, when defeated on the H5 page
When entering frame and receiving clicking operation, the method also includes:
Entering method keyboard is popped up, the H5 page is moved along current window top orientation；
The rolling distance for calculating H5 page scroll bar includes: by calling in the CSS of the H5 page
Window.scrollY attribute obtains the H5 page along the rolling distance in current window top orientation.
Further, described according to the rolling in above-mentioned suspended window display control method provided in an embodiment of the present invention
The position for being located at the top suspended window of the H5 page is set relative positioning by dynamic distance
Relative is set by the position attribute of the suspended window；
Set the top attribute value of the suspended window to the rolling distance of the H5 page.
Further, in above-mentioned suspended window display control method provided in an embodiment of the present invention, the detecting is default
Whether receiving operation in period on the input frame includes:
Judge whether the input frame loses focus；
If the input frame loses focus, determine that the input frame on the H5 page does not receive operation.
Further, described by the suspension in above-mentioned suspended window display control method provided in an embodiment of the present invention
The position attribution of window is set as absolute fix
Fixed is set by the position attribute of the suspended window；
It sets the top attribute value of the suspended window to before the input frame on the H5 page receives clicking operation
Suspended window top attribute value.
Further, in above-mentioned suspended window display control method provided in an embodiment of the present invention, in the detection terminal
The H5 page on input frame whether receive clicking operation before, which comprises to the browser comprising the H5 page into
Row compatible processing.
Another further aspect of the embodiment of the present invention also provides a kind of suspended window display control unit, is applied to terminal, the suspension
Window display control unit includes:
Whether first detection module, the input frame on the H5 page for detecting terminal receive clicking operation；
Computing module, for calculating H5 page scroll when detecting that the input frame on the H5 page receives clicking operation
The rolling distance of item；
Relative positioning setup module, for being set the position attribution for being located at the suspended window of the H5 page according to the rolling distance
It is set to relative positioning, and the suspended window is shown according to the relative positioning；
Whether the second detection module receives operation on the input frame within a preset period of time for detecting；
Absolute fix setup module, for inciting somebody to action when the input frame does not receive operation within a preset period of time for detecting
The position attribution of the suspended window is set as absolute fix, and shows the suspended window according to the absolute fix.
On the other hand the embodiment of the present invention also provides a kind of terminal, the terminal includes processor, and the processor is used for
Suspended window display control method described in above-mentioned any one is realized when executing the computer program stored in memory.
On the other hand the embodiment of the present invention also provides a kind of computer readable storage medium, the computer-readable upper storage
There is computer program, the computer program realizes suspended window display control described in above-mentioned any one when being executed by processor
Method.
The embodiment of the present invention provides a kind of suspended window display control method, suspended window display control unit, terminal and meter
Calculation machine readable storage medium storing program for executing, detects whether the input frame on the H5 page of terminal receives clicking operation；When detecting the H5 page
On input frame when receiving clicking operation, calculate the rolling distance of H5 page scroll bar；It will be located at according to the rolling distance
The position attribution of the suspended window of the H5 page is set as relative positioning, and shows the suspended window according to the relative positioning；Detecting
Operation whether is received on the input frame within a preset period of time；When the input frame does not receive within a preset period of time for detecting
To when operation, absolute fix is set by the position attribution of the suspended window, and the suspension is shown according to the absolute fix
Window.It only need to be the position that can determine top suspended window according to the rolling distance of the H5 page, it is ensured that described using the embodiment of the present invention
Top suspended window can normally show that it is outstanding to solve H5 page page top when entering method keyboard bounces in ios terminal always
The problem of floating window is got on by top.
Detailed description of the invention
Fig. 1 is the flow chart for the suspended window display control method that first embodiment of the invention provides.
Fig. 2 is the structural schematic diagram of the terminal of an embodiment of the present invention.
Fig. 3 is the illustrative functional block diagram of terminal shown in Fig. 2.
Main element symbol description
The embodiment of the present invention that the following detailed description will be further explained with reference to the above drawings.
Specific embodiment
In order to be more clearly understood that the above objects, features, and advantages of the embodiment of the present invention, with reference to the accompanying drawing and
The present invention will be described in detail for specific embodiment.It should be noted that in the absence of conflict, the embodiment party of the application
Feature in formula can be combined with each other.
Embodiment in the following description, numerous specific details are set forth in order to facilitate a full understanding of the present invention, described reality
The mode of applying is only some embodiments of the invention, rather than whole embodiments.Based on the embodiment in the present invention,
Every other embodiment obtained by those of ordinary skill in the art without making creative efforts belongs to this
The range of inventive embodiments protection.
Unless otherwise defined, all technical and scientific terms used herein and the technology for belonging to the embodiment of the present invention
The normally understood meaning of the technical staff in field is identical.Term as used herein in the specification of the present invention is intended merely to
The purpose of specific embodiment is described, it is not intended that in the limitation embodiment of the present invention.
Fig. 1 is the flow chart of the suspended window display control method of first embodiment of the invention, the suspended window display control
Method processed can be applied to terminal, and the terminal can be such as smart phone, laptop, desk-top/tablet computer, intelligence
The smart machines such as wrist-watch.As shown in Figure 1, the suspended window display control method may include steps of:
S101: detecting whether the input frame on the H5 page of terminal receives clicking operation, when detecting on the H5 page
When input frame receives clicking operation, S102 is entered step.
In the present embodiment, the H5 page is mobile webpage, is provided with an at least input frame on the H5 page, described defeated
Enter frame and can be to be fixed on the H5 page, is also possible to floating input frame, is not limited thereto.The input frame is for convenient
User inputs relevant information.Suspended window is provided on the H5 page, the suspended window can be set on the H5 page
Any position, for example, the suspended window can be set in positions such as top, the ends of the H5 page.In the present embodiment,
The suspended window is set to the top of the H5 page, the suspended window for being located at the H5 page top is known as top and is suspended
Window.The top suspended window can be used for suggesting effect.For example, the content of the top suspended window is that " prompt: you are current behaviour
Work will be recorded by system ".It is understood that the top suspended window needs to suspend always, top set is in H5 page current window
On, it can just play the role of prompting user.Whether the input frame on the H5 page of the detection terminal receives clicking operation packet
It includes by judging whether the input frame obtains focus to determine whether executing the operation of triggering input frame.Specifically, judging institute
State whether input frame obtains focus；If the input frame obtains focus, determine that the input frame on the H5 page receives a little
Hit operation.It is understood that before whether the input frame on the H5 page of the detection terminal receives clicking operation, institute
State method further include: compatible processing is carried out to the browser comprising the H5 page.For example, not supporting fixed to position clear in minority
It lookes under device or respective version (such as IE6), then needs by using Javascript language or other computer languages to be arranged
State the position attribution of top suspended window.
S102: the rolling distance of H5 page scroll bar is calculated.
When the input frame on the H5 page for detecting terminal receives clicking operation, will pop up on the current H5 page defeated
Enter method keyboard.Due to ios system itself, the H5 page can up be pushed up (namely the H5 page by the entering method keyboard
Moved along current window top orientation), it is ejected current window so as to cause top suspended window, can not normally be shown.
In the present embodiment, it when the input frame on the H5 page for detecting terminal receives clicking operation, pops up defeated
Enter method keyboard, controls the H5 page and moved along current window top orientation.The concrete operations behavior of user's triggering input frame
It may include: to click the input frame with mouse or finger.The rolling distance for calculating H5 page scroll bar, by calculating the H5 page
The rolling distance of scroll bar obtains the distance that the H5 page moves up, and top suspended window is adjusted by detecting the distance that the H5 page moves up
Position.Specifically, the rolling distance for calculating H5 page scroll bar includes: by calling in the CSS of the H5 page
Window.scrollY attribute obtains the H5 page along the rolling distance in current window top orientation.Wherein, CSS refer to for
Show the computer language of the files patterns such as HTML or XML.CSS can be to the typesetting progress Pixel-level essence of element position in webpage
Really control, not only can statically modified web page, various scripting languages can also be cooperated dynamically to carry out lattice to webpage each element
Formula.Window.scrollY refers to that the read-only scrollY attribute of window interface returns to document current vertical roll value.Example
Such as, the height value of outer layer element is 200px, and the height value of inner layer elements is also 200px.When detecting the input frame on the H5 page
When receiving clicking operation, entering method keyboard pop-up, the H5 page have partial content can disappear " coboundary of outer layer element " it
Outside, height of the disappearance except the coboundary of outer layer element is exactly the height value that window.scrollY is got.It is obtained in calculating
After the rolling distance for obtaining H5 page scroll bar, the terminal stores the rolling distance, is used for subsequent input method circle
Adjustment when face is bounced, to the suspended window of the H5 page.
S103: setting relative positioning for the position attribution for being located at the suspended window of the H5 page according to the rolling distance, and
The suspended window is shown according to the relative positioning.
It is understood that being set as the absolute fix in CSS under the default situations of the top suspended window, it can logical
It crosses and sets fixed for the position attribute of suspended window to realize that absolute fix, the top suspended window fixation are suspended in H5
The top of page current window.Wherein, the position attribute of the suspended window is used to provide the align_type of element, described fixed
Position type may include absolute fix and relative positioning.Fixed is the absolute fix attribute of element, and fixed attribute includes
" left ", " top ", " right ", " bottom " four property parameters, the position of the top suspended window can by " left ",
" top ", " right ", " bottom " four property parameters are provided.
In the present embodiment, when detecting that the input frame on the H5 page receives clicking operation, according to described
The position attribution of the top suspended window is set relative positioning by rolling distance, shows the suspension according to the relative positioning
Window.Specifically, the position attribution that will be located at the top suspended window of the H5 page according to the rolling distance is set as relatively fixed
Position includes: to set relative for the position attribute of the suspended window；The top attribute value of the top suspended window is set
It is set to the rolling distance (namely the height value obtained by window.scrollY attribute) of the H5 page.Wherein, top attribute
For returning to the top browser window of current window.By the top attribute of the top suspended window be set as it is described roll away from
From top suspended window can not normally be shown caused by avoiding the pop-up because of entering method keyboard.According to the rolling distance
After setting relative positioning for the position for being located at the suspended window of the H5 page, according to described H5 pages of the setting of relative positioning load
Face shows the suspended window.
S104: detecting whether receive operation on the input frame within a preset period of time, when detecting is in preset time period
When the interior input frame does not receive operation, S105 is entered step.
In the present embodiment, whether the detecting receives operation on the input frame within a preset period of time and includes:
Judge whether the input frame loses focus；If the input frame loses focus, determine that the input frame does not receive operation.
The input frame does not receive any operation and includes the case where input frame input completion in the preset time period.Institute
When stating input frame completion input, the entering method keyboard is stowed away.It is understood that the preset time period is terminal user
It is pre-set, for example, the preset time period is 30 seconds.Whether detecting input frame in 30 seconds receives operation, such as
Fruit receives operation, then the entering method keyboard is still within pop-up state；If not receiving operation, it may be said that bright input frame
Input is completed, then is packed up the entering method keyboard.
S105: setting absolute fix for the position attribution of the suspended window, and described in being shown according to the absolute fix
Suspended window.
In the present embodiment, after detecting that the input frame completes input, the position of the top suspended window is set
It is set to absolute fix.Specifically, it includes: by that described will hang that the position by the top suspended window, which is set as absolute fix,
The position attribute of floating window is set as fixed；Set defeated on the H5 page for the top attribute value of the suspended window
Enter the top attribute value for the suspended window that frame receives before clicking operation.According to the preset attribute of absolute fix described after adjustment
Value loads the H5 page, and the suspended window is decided to be the top of the H5 page at this time.
The embodiment of the present invention provides a kind of suspended window display control method, whether detects input frame on the H5 page of terminal
Receive clicking operation；When detecting that the input frame on the H5 page receives clicking operation, the rolling of H5 page scroll bar is calculated
Dynamic distance；Relative positioning is set by the position attribution for being located at the suspended window of the H5 page according to the rolling distance, and according to institute
It states relative positioning and shows the suspended window；It detects and whether receives operation on the input frame within a preset period of time；Work as detecting
When the input frame does not receive operation within a preset period of time, absolute fix is set by the position attribution of the suspended window,
And the suspended window is shown according to the absolute fix.Using the embodiment of the present invention, only need to be according to the rolling distance of the H5 page
It can determine the position of top suspended window, it is ensured that the top suspended window can normally show solve the H5 page at ios end always
The problem of page top suspended window is got on by top when entering method keyboard bounces on end.
It is the detailed description for being provided for the embodiments of the invention method progress above.Stream shown according to different requirements,
The execution sequence of square can change in journey figure, and certain squares can be omitted.It is provided for the embodiments of the invention terminal below
It is described.
The embodiment of the present invention also provides a kind of terminal 1, including memory 10, processor 30 and is stored on memory 10 simultaneously
The computer program that can be run on processor 30, the processor 30 realize any of the above-described embodiment when executing described program
Described in suspended window display control method the step of.
Fig. 2 is the structural schematic diagram of the terminal 1 of an embodiment of the present invention, as shown in Fig. 2, terminal 1 includes memory 10,
Suspended window display control unit 100 is stored in memory 10.The terminal 1 can be mobile phone, tablet computer, individual digital
Assistants etc. have the terminal using display function.The suspended window display control unit 100 can detecte on the H5 page of terminal
Input frame whether receive clicking operation；When detecting that the input frame on the H5 page receives clicking operation, H5 pages is calculated
The rolling distance of face scroll bar；Set relatively fixed for the position attribution for being located at the suspended window of the H5 page according to the rolling distance
Position, and the suspended window is shown according to the relative positioning；It detects and whether is received on the input frame within a preset period of time
Operation；When the input frame does not receive operation within a preset period of time for detecting, the position attribution of the suspended window is arranged
For absolute fix, and the suspended window is shown according to the absolute fix.It, only need to be according to the H5 page using the embodiment of the present invention
Rolling distance is the position that can determine top suspended window, it is ensured that the top suspended window can normally show solve H5 always
The page when ios terminal upper keyboard bounces page top suspended window by top get on the problem of.
In present embodiment, terminal 1 can also include display screen 20 and processor 30.Memory 10, display screen 20 can be with
It is electrically connected respectively with processor 30.
The memory 10 can be different type storage equipment, for storing Various types of data.For example, it may be terminal
1 memory, memory, can also be the storage card that can be external in the terminal 1, as flash memory, SM card (Smart Media Card,
Smart media card), SD card (Secure Digital Card, safe digital card) etc..In addition, memory 10 may include high speed
Random access memory can also include nonvolatile memory, such as hard disk, memory, plug-in type hard disk, intelligent memory card
(Smart Media Card, SMC), secure digital (Secure Digital, SD) card, flash card (Flash Card), at least
One disk memory, flush memory device or other volatile solid-state parts.Memory 10 is used to store Various types of data,
For example, the types of applications program (Applications) installed in the terminal 1, using above-mentioned suspended window display control method and
The information such as the data be arranged, obtained.
Display screen 20 is installed on terminal 1, for showing information.
Processor 30 is used to execute all kinds of softwares installed in the suspended window display control method and the terminal 1,
Such as operating system and application display software etc..Processor 30 is including but not limited to processor (Central Processing
Unit, CPU), micro-control unit (Micro Controller Unit, MCU) etc. is for interpretive machine and processing computer
The device of data in software.
The suspended window display control unit 100 may include one or more modules, one or more of moulds
Block be stored in the memory 10 of terminal 1 and be configured to by one or more processors (present embodiment be one processing
Device 30) it executes, to complete the embodiment of the present invention.For example, as shown in fig.3, the suspended window display control unit 100 can be with
Including first detection module 101, computing module 103, relative positioning setup module 105, the second detection module 106, absolute fix
Setup module 107.The so-called module of the embodiment of the present invention can be complete a specific function program segment, than program more suitable for
The implementation procedure of software in the processor is described.
It is understood that each embodiment in corresponding above-mentioned suspended window display control method, terminal 1 may include figure
Part or all in each functional module shown in 3, the function of each module will introduced in detail below.It needs to illustrate
It is identical noun related terms and its specific explanation in each embodiment of the above suspended window display control method
It can be adapted for the following function introduction to each module.For the sake of saving space and avoiding repetition, details are not described herein again.
First detection module 101 can be used for detecting whether the input frame on the H5 page of terminal receives clicking operation.
Computing module 103 can be used for when detecting that the input frame on the H5 page receives clicking operation, calculate H5 pages
The rolling distance of face scroll bar.
Relative positioning setup module 105 can be used for be located at according to the rolling distance position of the suspended window of the H5 page
Attribute is set as relative positioning, and shows the suspended window according to the relative positioning.
Second detection module 106 can be used for detecting on the input frame within a preset period of time whether receive operation.
Absolute fix setup module 107 can be used for setting absolute fix, and root for the position attribution of the suspended window
The suspended window is shown according to the absolute fix.
The embodiment of the present invention also provides a kind of computer readable storage medium, is stored thereon with computer program, the meter
The step of calculation machine program realizes the suspended window display control method in any of the above-described embodiment when being executed by processor 30.
If the integrated module/unit of 100/ terminal of suspended window display control unit, 1/ computer equipment is with software function
Can the form of unit realize and when sold or used as an independent product, can store in computer-readable storage Jie
In matter.Based on this understanding, the present invention realizes all or part of the process in above embodiment method, can also pass through meter
Calculation machine program is completed to instruct relevant hardware, and the computer program can be stored in a computer readable storage medium
In, the computer program is when being executed by processor, it can be achieved that the step of above-mentioned each embodiment of the method.Wherein, the calculating
Machine program includes computer program code, and the computer program code can be source code form, object identification code form, can hold
Style of writing part or certain intermediate forms etc..The computer readable storage medium may include: that can carry the computer program
Any entity or device of code, recording medium, USB flash disk, mobile hard disk, magnetic disk, CD, computer storage, read-only memory
(ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), electric carrier signal, electricity
Believe signal and software distribution medium etc..
Alleged processor 30 can be central processing unit (Central Processing Unit, CPU), can also be
Other general processors, digital signal processor (Digital Signal Processor, DSP), specific integrated circuit
(Application Specific Integrated Circuit, ASIC), ready-made programmable gate array (Field-
Programmable Gate Array, FPGA) either other programmable logic device, discrete gate or transistor logic,
Discrete hardware components etc..General processor can be microprocessor or the processor is also possible to any conventional processor
Deng the processor 30 is the control centre of 100/ terminal 1 of suspended window display control unit, utilizes various interfaces and route
Connect the various pieces of entire 100/ terminal 1 of suspended window display control unit.
For the memory 10 for storing the computer program and/or module, the processor 30 is by operation or holds
The computer program and/or module that row is stored in the memory 10, and the data being stored in memory 10 are called, it is real
The various functions of existing 100/ terminal 1 of suspended window display control unit.The memory 10 can mainly include storing program area
The storage data area and, wherein storing program area can (such as the sound of application program needed for storage program area, at least one function
Sound playing function, image player function etc.) etc.；Storage data area can store according to mobile phone use created data (such as
Audio data, phone directory etc.) etc..In addition, memory 10 may include high-speed random access memory, it can also include non-volatile
Property memory, such as hard disk, memory, plug-in type hard disk, intelligent memory card (Smart Media Card, SMC), secure digital
(Secure Digital, SD) card, flash card (Flash Card), at least one disk memory, flush memory device or other
Volatile solid-state part.
In several specific embodiments provided by the present invention, it should be understood that disclosed terminal and method, it can be with
It realizes by another way.For example, system embodiment described above is only schematical, for example, the module
Division, only a kind of logical function partition, there may be another division manner in actual implementation.
It is obvious to a person skilled in the art that the embodiment of the present invention is not limited to the details of above-mentioned exemplary embodiment,
And without departing substantially from the spirit or essential attributes of the embodiment of the present invention, this hair can be realized in other specific forms
Bright embodiment.Therefore, in all respects, the present embodiments are to be considered as illustrative and not restrictive, this
The range of inventive embodiments is indicated by the appended claims rather than the foregoing description, it is intended that being equal for claim will be fallen in
All changes in the meaning and scope of important document are included in the embodiment of the present invention.It should not be by any attached drawing mark in claim
Note is construed as limiting the claims involved.Multiple units, module or the device stated in claim can also be by same
Unit, module or device are implemented through software or hardware.
Embodiment of above is only to illustrate the technical solution of the embodiment of the present invention rather than limits, although referring to above preferable
The embodiment of the present invention is described in detail in embodiment, those skilled in the art should understand that, it can be to this hair
The technical solution of bright embodiment is modified or equivalent replacement should not all be detached from the embodiment of the present invention technical solution spirit and
Range.
Claims (10)
1. a kind of suspended window display control method is applied to terminal, which is characterized in that the suspended window display control method packet
It includes:
Whether the input frame detected on the H5 page of terminal receives clicking operation；
When detecting that the input frame on the H5 page receives clicking operation, the rolling distance of H5 page scroll bar is calculated；
Relative positioning is set by the position attribution for being located at the suspended window of the H5 page according to the rolling distance, and according to the phase
The suspended window described in locating and displaying；
It detects and whether receives operation on the input frame within a preset period of time；
When the input frame does not receive operation within a preset period of time for detecting, set the position attribution of the suspended window to
Absolute fix, and the suspended window is shown according to the absolute fix.
2. suspended window display control method according to claim 1, which is characterized in that on the H5 page of the detection terminal
The input frame method that whether receives clicking operation include:
Judge whether the input frame obtains focus；
If the input frame obtains focus, determine that the input frame on the H5 page receives clicking operation.
3. suspended window display control method according to claim 1, which is characterized in that when detecting the input on the H5 page
When frame receives clicking operation, the method also includes:
Entering method keyboard is popped up, the H5 page is controlled and is moved along current window top orientation；
The rolling distance for calculating H5 page scroll bar includes: by calling the window.scrollY in the CSS of the H5 page
Attribute obtains the H5 page along the rolling distance in current window top orientation.
4. suspended window display control method according to claim 1, which is characterized in that described to be incited somebody to action according to the rolling distance
Being set as relative positioning positioned at the position attribution of the suspended window of the H5 page includes:
Relative is set by the position attribute of the suspended window；
Set the top attribute value of the suspended window to the rolling distance of the H5 page.
5. suspended window display control method according to claim 1, which is characterized in that the detecting is within a preset period of time
Operation whether is received on the input frame includes:
Judge whether the input frame loses focus；
If the input frame loses focus, determine that the input frame on the H5 page does not receive operation.
6. suspended window display control method according to claim 1, which is characterized in that the position by the suspended window
Attribute is set as absolute fix
Fixed is set by the position attribute of the suspended window；
Set outstanding before the input frame on the H5 page receives clicking operation for the top attribute value of the suspended window
The top attribute value of floating window.
7. suspended window display control method according to claim 1, which is characterized in that in the H5 page of the detection terminal
On input frame whether receive clicking operation before, the method also includes:
Compatible processing is carried out to the browser comprising the H5 page.
8. a kind of suspended window display control unit is applied to terminal, which is characterized in that the suspended window display control unit packet
It includes:
Whether first detection module, the input frame on the H5 page for detecting terminal receive clicking operation；
Computing module, for calculating H5 page scroll bar when detecting that the input frame on the H5 page receives clicking operation
Rolling distance；
Relative positioning setup module, for being set the position attribution for being located at the suspended window of the H5 page to according to the rolling distance
Relative positioning, and the suspended window is shown according to the relative positioning；
Whether the second detection module receives operation on the input frame within a preset period of time for detecting；
Absolute fix setup module, for setting absolute fix for the position attribution of the suspended window, and according to described absolute
Suspended window described in locating and displaying.
9. a kind of terminal, which is characterized in that the terminal includes processor, and the processor is used to execute to store in memory
The suspended window display control method as described in claim 1-7 any one is realized when computer program.
10. a kind of computer readable storage medium, it is described it is computer-readable on be stored with computer program, which is characterized in that institute
State the suspended window display control method realized as described in claim 1-7 any one when computer program is executed by processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910070257.7A CN109918593A (en) | 2019-01-24 | 2019-01-24 | Suspended window display control method, device, terminal and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910070257.7A CN109918593A (en) | 2019-01-24 | 2019-01-24 | Suspended window display control method, device, terminal and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109918593A true CN109918593A (en) | 2019-06-21 |
Family
ID=66960820
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910070257.7A Pending CN109918593A (en) | 2019-01-24 | 2019-01-24 | Suspended window display control method, device, terminal and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109918593A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110516187A (en) * | 2019-08-16 | 2019-11-29 | 北京皮尔布莱尼软件有限公司 | A kind of page processing method, mobile terminal, readable storage medium storing program for executing |
| CN112099646A (en) * | 2020-09-07 | 2020-12-18 | 中国联合网络通信集团有限公司 | Capitalized digital input method and device, computer equipment and storage medium |
-
2019
- 2019-01-24 CN CN201910070257.7A patent/CN109918593A/en active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110516187A (en) * | 2019-08-16 | 2019-11-29 | 北京皮尔布莱尼软件有限公司 | A kind of page processing method, mobile terminal, readable storage medium storing program for executing |
| CN112099646A (en) * | 2020-09-07 | 2020-12-18 | 中国联合网络通信集团有限公司 | Capitalized digital input method and device, computer equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10558322B2 (en) | Method and apparatus for displaying objects and a background image on a display screen | |
| EP2990930A1 (en) | Scrapped information providing method and apparatus | |
| EP2924593A1 (en) | Method and apparatus for constructing documents | |
| US20120311498A1 (en) | Dock for favorite applications | |
| US9484003B2 (en) | Content bound graphic | |
| CN106168978A (en) | The treating method and apparatus of pop-up in a kind of webpage | |
| CN103064920A (en) | Method and device for scaling page fonts in mobile terminal | |
| US9323436B2 (en) | Utilizing drawing guides in determining the display of smart guides in a drawing program | |
| EP2988198B1 (en) | Apparatus and method for processing drag and drop | |
| WO2014134939A1 (en) | Method, apparatus and computer readable storage medium for displaying sidebar information | |
| US20170249295A1 (en) | Techniques to present a dynamic formula bar in a spreadsheet | |
| CN108459781B (en) | Input box display control method and device and user terminal | |
| CN103324390A (en) | Interaction method for page browsing, browser device and mobile terminal | |
| WO2015035319A1 (en) | Method and apparatus of controlling page element | |
| KR20160086842A (en) | Resizing technique for display content | |
| CN109918593A (en) | Suspended window display control method, device, terminal and storage medium | |
| CN106406938A (en) | Application download method and terminal | |
| CN103870191A (en) | Method and electronic equipment for saving webpage | |
| WO2017211174A1 (en) | Page management method and device | |
| CN112068911A (en) | Method, device, system, equipment and medium for generating electronic form | |
| CN103902137A (en) | Keyboard adjusting method and device of touch device | |
| CN104536692A (en) | Operation method of touch screen, touch device and touch terminal | |
| CN108052212A (en) | A kind of method, terminal and computer-readable medium for inputting word | |
| CN106662935A (en) | Keyboard for use with a computing device | |
| JP2019505037A (en) | Method for changing graphics processing resolution according to scenario and portable electronic 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 |