WO2017101501A1

WO2017101501A1 - Web page display method and device

Info

Publication number: WO2017101501A1
Application number: PCT/CN2016/096914
Authority: WO
Inventors: 杨凯旋
Original assignee: 乐视控股（北京）有限公司; 乐视网信息技术（北京）股份有限公司
Priority date: 2015-12-14
Filing date: 2016-08-26
Publication date: 2017-06-22
Also published as: CN105893437A

Abstract

A web page display method and device. The method comprises: outputting a web page in a display interface (301), wherein the web page at least comprises a first region and a second region distributed on two sides; receiving a page moving-up request, and according to the page moving-up request, moving the web page to the direction of an upper boundary of the display interface (302); and if an upper boundary of the first region reaches the upper boundary of the display interface, web page contents of the first region are completely displayed in the display interface and web page contents of the second region are not completely displayed in the display interface, stopping moving the first region until a lower boundary of the first region and a lower boundary of the second region are located on the same horizontal line (303). The method improves the display effect of a display interface.

Description

Web page display method and device

cross reference

The present application is hereby incorporated by reference in its entirety in its entirety in its entirety in its entirety in its entirety in the the the the the the the the

Technical field

The embodiments of the present invention relate to the field of computer technologies, and in particular, to a webpage page display method and apparatus.

Background technique

The web page is mainly applied to the technical fields such as the network and the Internet, and is used for displaying the web content, and the webpage content can be displayed through the display interface of the client such as a browser. Since the length of the webpage page is usually longer than the length of the display interface, the webpage may also move the webpage page in the display interface when the display interface is displayed. For example, the webpage may be moved by scrolling or dragging and displaying the navigation bar of the page. .

Due to the variety of web content, web pages displaying different types of content often have different page structures. In a common page structure, the webpage page includes a first area and a second area distributed on both sides for displaying different webpage contents, and thus the lengths of the first area and the second area may not be the same. When the webpage page moves to the upper boundary of the display interface, if any of the first area and the second area, assuming that the content of the webpage in the first area is small, in order to display the webpage content of the second area, the first area has A large amount of blank content reduces the effective content displayed on the display interface and affects the display effect of the display interface.

Summary of the invention

The embodiment of the invention provides a method and a device for displaying a web page, which are used to solve the technical problem that the effective content displayed on the display interface is reduced and the display effect of the display interface is affected.

The embodiment of the invention further provides a web page display electronic device, a non-transitory computer storage medium and a computer program product.

An embodiment of the invention provides a method for displaying a web page, the method comprising:

Outputting a webpage page on the display interface, wherein the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the display interface is smaller than the length of the webpage page;

Receiving a page up movement request, and moving the webpage page to an upper boundary direction of the display interface according to the page up movement request, to display webpage content not displayed by the first area and the second area;

During the moving of the webpage page to the upper boundary direction of the display interface, if the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is in the display interface When the webpage content of the second area is not displayed on the display interface, the first area is terminated until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area.

The embodiment of the invention provides a webpage page display device, and the device includes:

a page output module, which outputs a webpage page on the display interface, wherein the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the display interface is smaller than the length of the webpage page ;

a page moving module, configured to receive a page up movement request, and move the webpage page to an upper boundary direction of the display interface according to the page up movement request to display the first area and the second area a webpage content that is not displayed; in a process of moving the webpage page to an upper boundary direction of the display interface, if an upper boundary of the first area reaches an upper boundary of the display interface and a webpage content of the first area When the display interface is all displayed, and the webpage content of the second area is not displayed on the display interface, the first area is terminated until the lower boundary of the first area is located at a lower boundary of the second area. The same horizontal line.

The embodiment of the present invention further provides a non-transitory computer storage medium, where computer executable instructions are stored, and the computer executable instructions are used to execute the display page of any one of the above web pages of the present application. law.

An embodiment of the present invention provides a web page display electronic device, including: at least one processor;

a memory communicatively coupled to the at least one processor; wherein

The memory stores instructions executable by the one processor, the instructions being executed by the at least one processor to enable the at least one processor to:

The embodiment of the present application further provides a computer program product, the computer program product comprising a computing program stored on a non-transitory computer readable storage medium, the computer program comprising program instructions, when the program instructions are executed by a computer The computer is caused to perform the above-described webpage page display method of the present application.

The method and device for displaying a web page according to an embodiment of the present invention, when the web page is output to the display interface and moved to the upper boundary of the display interface, if the upper boundary of the first region reaches the upper boundary of the display interface When the webpage content of the first area is displayed on the display interface, the first area is terminated until the lower boundary of the first area and the lower boundary of the second area are in the same horizontal line, thereby ensuring display A large amount of blank content does not appear in the interface, so that the display interface displays valid content, which improves the display and display effect of the display interface.

DRAWINGS

In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, a brief description of the drawings used in the embodiments or the prior art description will be briefly described below. Obviously, the drawings in the following description It is a certain embodiment of the present invention, and other drawings can be obtained from those skilled in the art without any creative work.

1 is a schematic diagram showing a display of a webpage of the present invention;

2 is a schematic diagram showing a display of a webpage in the prior art;

3 is a flow chart of an embodiment of a method for displaying a web page according to the present invention;

4a to 4j are schematic diagrams showing the display of a web page of the present invention;

FIG. 5 is a flowchart of an embodiment of a webpage page display apparatus according to the present invention; FIG.

FIG. 6 is a schematic diagram of connection of an embodiment of a web page display electronic device according to the present invention.

detailed description

The technical solutions in the embodiments of the present invention will be clearly and completely described in conjunction with the drawings in the embodiments of the present invention. It is a partial embodiment of the invention, and not all of the embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without creative efforts are within the scope of the present invention.

The webpage page in the embodiment of the present invention includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the first area may be different according to the number of webpage content displayed by the webpage. The length of the second area may be a fixed length or may be different according to the number of webpage content displayed by the webpage; in addition, the length of the display interface is smaller than the length of the webpage page. When the number of webpages in the first area is small, the length of the first area is short, and when the number of webpage contents in the first area is large, the length of the first area is long.

In a practical application, the webpage page may refer to a webpage playing page, for example, a webpage playing. The page is usually composed of a play area, a comment area, a content promotion area, a text end area, and the like, wherein the comment area and the content promotion area layout are distributed on both sides of the webpage page, as shown in FIG. A schematic diagram of the structure, the web page 100 includes at least a first area 101, that is, a comment area; a second area 102, that is, a content promotion area; a play area 103 and a text end area 104, and the like. The first region 101 and the second region 102 are distributed on both sides.

According to the prior art, when the webpage page moves to the upper boundary of the display interface, if the content of the webpage in the first area is small, in order to completely display the webpage content of the second area, a large amount of blank content may exist in the first area, so that the display The effective content displayed on the interface is reduced, which affects the display effect of the display interface. As shown in FIG. 1 , the web page 100 is outputted to the display interface 200 , as shown in FIG. 2 , which is a schematic diagram of a display interface after the web page is moved in the prior art, and the web content of the first area 101 is less. A large amount of blank content appears on the side of the first area 101 of the web page in the display interface, as shown by the dashed box in FIG. 2, which affects the display effect of the display interface.

In order to improve the display effect of the display interface, so that the display interface can display more effective content, the inventor has proposed a technical solution of the present invention through a series of studies. In the embodiment of the present invention, the webpage page is output on the display interface, and according to the When the page moves up the request and moves to the upper boundary direction of the display interface, if the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is displayed on the display interface, When the content of the webpage of the second area is not displayed on the display interface, the first area is terminated until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area, thereby ensuring the display interface. There will not be a lot of blank content in the display, so that the display interface displays all the valid content, which improves the display and display effect of the display interface.

The technical solution of the present invention will be described in detail below with reference to the accompanying drawings.

FIG. 3 is a flowchart of an embodiment of a method for displaying a web page according to an embodiment of the present invention. The method may include the following steps:

301: Output a webpage page on the display interface.

The webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content.

The length of the first area may vary depending on the number of webpage content it displays.

The length of the second area may be a fixed length, or may be different according to the number of webpage content displayed by the webpage; the length of the display interface is smaller than the length of the webpage page, so that the display interface can only display part of the webpage of the webpage page. Content, you need to move the web page to be able to view other web content on the web page.

The webpage page can be a webpage playpage in an actual application, as shown in the structure diagram shown in FIG.

Certainly, the webpage page of the present invention may refer to any webpage page having a page structure of a first area and a second area distributed on both sides, and is not limited to the webpage playing page.

302: Receive a page up movement request, and move the webpage page to an upper boundary direction of the display interface according to the page up movement request to display the first area and the second area not displayed. content.

Since the length of the display interface is smaller than the length of the webpage page, in order to display the webpage content not displayed on the webpage page, the webpage page may be moved.

The page up movement request may specifically be triggered by a user, for example, the user triggers by operating a mouse or operating a navigation bar of the display interface.

303: in a process of moving the webpage page to an upper boundary direction of the display interface, if an upper boundary of the first area reaches an upper boundary of the display interface, and a webpage content of the first area is in the display The interface is all displayed. When the webpage content of the second area is not displayed on the display interface, the first area is terminated until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area.

Continuously receiving the page up move request, the web page will continue to move to the upper boundary of the display interface.

During the moving of the web page in the upward boundary direction, if the upper boundary of the first area reaches the upper boundary of the display interface, and the web content of the first area can be displayed on the display interface, that is, the web content of the first area When there are few, the first area will not continue to move, and the web content of the second area is not displayed on the display interface, that is, when there is no webpage content displayed on the display interface. The second area can continue to move until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area. At this time, the content of the webpage of the first area and the second area in the interface can be displayed without a large amount of Blank content.

For example, for the webpage play page shown in FIG. 1, as shown in FIG. 4a to FIG. 4b, in FIG. 4a, the upper boundary of the first area 101 reaches the upper boundary of the display interface 200, and the webpage of the first area 101 The content is all displayed on the display interface, and the webpage content of the second area 102 is not displayed on the display interface. At this time, the first area 101 does not continue to move, and the second area 102 has undisplayed webpage content, and the second area 102 can Moving continues, as shown in Figure 4b, until the lower boundary of the second region 102 is at the same horizontal line as the lower boundary of the first region.

In addition, a comment input box is usually set in the first area of the webpage play page, that is, the comment area, to receive the user's input content.

Therefore, as a further possible implementation manner, the webpage further includes a navigation box disposed at the preset location in the first area, for receiving user input content or outputting prompt information. The prompt information may prompt the user whether the first area reaches the upper boundary or the like. The navigation box 105 of Figures 4a to 4b.

The preset position of the navigation frame may refer to a preset area in the first area that is close to the upper boundary.

During the movement of the webpage page to the upper boundary direction of the display interface, the navigation frame moves along with the movement of the first area, and if the navigation frame reaches the upper boundary of the webpage, the mobile station is terminated. The navigation box.

In the embodiment of the present invention, the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is in the display interface during the upper boundary movement of the display page. When all are displayed, the first region is terminated until the lower boundary of the first region is at the same horizontal line as the lower boundary of the second region, so that the display interface does not have a large amount of blank content, so that the display interface can be displayed. More effective content improves the display effect of the display interface, making the display interface more beautiful.

As still another embodiment, the process of moving the web page to the upper boundary of the display interface The method may further include: if the upper boundary of the first area reaches the upper boundary of the display interface, and the webpage content of the first area is not all displayed on the display interface, the method may further include:

Continue moving the first area and the second area;

Terminating moving the first area until a lower boundary of the first area when a lower boundary of the first area reaches a lower boundary of the display interface and the second area has a webpage content not displayed on the display interface Located at the same horizontal line as the lower boundary of the second region.

Still taking the webpage playing page shown in FIG. 1 as an example, as shown in FIG. 4c to FIG. 4d, in FIG. 4c, when the upper boundary of the first area 101 reaches the upper boundary of the display interface 200, the webpage content of the first area 101 is not All of the display interface 200 is displayed. At this time, the first area 101 and the second area 102 can be further moved. When the lower boundary of the first area 101 reaches the lower boundary of the display interface, the first area 101 will no longer move, and the second The area 102 also has web page content that is not displayed on the display interface, and the second area 102 can continue to move, as shown in FIG. 4d until the lower boundary of the first area 101 is at the same horizontal line as the lower boundary of the second area 102.

When the first area 101 includes the navigation frame 105, when the navigation frame 105 reaches the upper boundary of the display interface, it no longer moves.

Since the webpage page may include not only the first area and the second area, in another embodiment, the webpage page further includes a third area, the layout is located at a lower boundary of the webpage page, and is located below the first area and the second area, The lower boundary of the third area may be the lower boundary of the web page.

As shown in FIG. 1 , the ending area 104 is also a third area, and the ending area can be used to display webpage content such as advertisements.

The content of the webpage of the third area also needs to be displayed in the display interface. After the first area terminates the movement, the second area and the third area can continue to move.

Therefore, as still another embodiment, in a process of moving a webpage page to an upper boundary direction of the display interface, a lower boundary of the first area and a lower boundary of the second area are located after a same horizontal line, and the method further include:

Continue moving the first area, the second area, and the third area until the first The lower boundary of the three regions reaches the lower boundary of the display interface.

That is, after the lower boundary of the first area and the lower boundary of the second area are located at the same horizontal line, if the page upward movement request continues, the first area will no longer terminate the movement, and the first area, the second area, and the third area may continue. Moving until the lower boundary of the third area reaches the lower boundary of the display interface. At this time, that is, the lower boundary of the webpage page reaches the lower boundary of the display interface, the webpage page cannot move upward.

As shown in FIG. 4e, in the case of FIG. 4b, after the lower boundary of the second region 102 is at the same horizontal line as the lower boundary of the first region 101, the first region 101 may be associated with the second region 102 and the third region. Region 104 continues to move until the lower boundary of third region 104 reaches the lower boundary of display interface 200.

As shown in FIG. 4f, in the case of FIG. 4d, after the lower boundary of the second region 102 is at the same horizontal line as the lower boundary of the first region 101, the first region 101 may be combined with the second region 102 and the third region. Region 104 continues to move until the lower boundary of third region 104 reaches the lower boundary of display interface 200.

As a further embodiment, the method may further include:

During the moving of the webpage page to the upper boundary direction of the display interface, if the upper boundary of the second area reaches the upper boundary of the display interface and the webpage content of the second area is all in the display interface When the webpage content of the first area is not displayed on the display interface, the second area is terminated until the lower boundary of the second area is at the same horizontal line as the lower boundary of the first area.

After terminating the movement of the second region, the first region may continue to be moved until the lower boundary of the second region is on the same horizontal line as the lower boundary of the first region.

In addition, during the moving of the webpage page to the upper boundary direction of the display interface, if the upper boundary of the second area reaches the upper boundary of the display interface and the webpage content of the second area is not in the When the display interface is all displayed, and the webpage content of the second area is not displayed on the display interface, the method further includes:

Continue moving the first area and the second area;

And reaching a lower boundary of the display interface, where the first area has a webpage content that is not displayed on the display interface, and the second area is terminated, and the first area can be moved until the The lower boundary of the first region is at the same horizontal line as the lower boundary of the second region.

For example, as shown in FIG. 4g and FIG. 4h, when the upper boundary of the second region 102 reaches the upper boundary of the display interface 200, the webpage content of the second region 102 is all displayed on the display interface, and the first region 101 When the webpage content is not all displayed on the display interface, the second region 102 may be terminated until the lower boundary of the second region 102 is at the same horizontal line as the lower boundary of the first region 101.

As shown in FIG. 4i and FIG. 4j, if the upper boundary of the second area 102 reaches the upper boundary of the display interface 200 and the webpage content of the second area 102 is not displayed on the display interface 200, and When the content of the webpage of the first area 101 is not displayed on the display interface, the first area 101 and the second area 102 may continue to be moved, and the lower boundary of the second area 102 reaches the display interface 200. When the first area 101 still has the webpage content not displayed on the display interface, the second area 102 is terminated, and the first area 101 can be moved until the lower boundary of the first area 101 is The lower boundary of the second region 102 is located at the same horizontal line.

When the navigation box 105 is further included in the first area 101, when the navigation frame 105 reaches the upper boundary of the display interface 200, it does not move.

If the webpage further includes the third area located below the first area and the second area, the lower area of the first area and the second area are located after the same horizontal line, and the first area, the second may continue to be moved. The region and the third region until a lower boundary of the third region reaches a lower boundary of the display interface.

In the embodiment of the present invention, whether the webpage content of the first area can be displayed in the display interface can be determined according to the number of webpage content of the first area, and the number of the webpage content in the first area is less than the first threshold, The webpage content of an area can be displayed in the display interface; and if the webpage content of the first area is greater than the second threshold, the network of the first area can be determined. The page content cannot be displayed on the display interface, and the webpage page needs to be moved to view the webpage content that is not displayed. The second threshold may be equal to the first threshold.

Therefore, as another embodiment, if the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is displayed on the display interface, the first area is terminated. Until the lower boundary of the first region and the lower boundary of the second region are at the same horizontal line, the method may include:

If the number of webpage content of the first area is less than a first threshold, and an upper boundary of the first area reaches an upper boundary of the display interface, terminating moving the first area to a lower boundary of the first area Located at the same horizontal line as the lower boundary of the second region;

And if the upper boundary of the first area reaches an upper boundary of the display interface and the webpage content of the first area is not all displayed on the display interface, continuing to move the first area and the second Areas can include:

If the number of webpage content of the first area is greater than a second threshold, and the upper boundary of the first area reaches an upper boundary of the display interface, the first area and the second area are further moved.

That is, if the number of webpage content of the first area is greater than a second threshold, when the lower boundary of the first area reaches the lower boundary of the display interface, then the moving the first area to the first area is terminated. The lower boundary is at the same horizontal line as the lower boundary of the second region.

The webpage page may be moved to the upper boundary direction of the display interface, or may be moved to the lower boundary direction of the display interface.

Therefore, as another embodiment, after the receiving page moves up the request and moves the webpage page to the upper boundary direction of the display interface according to the page up movement request, the method may further include:

Receiving a page downward movement request, and moving the webpage page to a lower boundary direction of the display interface according to the page downward movement request.

FIG. 5 is a schematic structural diagram of an embodiment of a webpage page display apparatus according to the present invention. The apparatus may include:

The page output module 501 is configured to output a webpage page on the display interface, where the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the display interface is smaller than the webpage page length.

a page moving module 502, configured to receive a page up movement request, and move the webpage page to an upper boundary direction of the display interface according to the page up movement request to display the first area and the second a webpage content not displayed in the area; in a process of moving the webpage page to an upper boundary direction of the display interface, if an upper boundary of the first area reaches an upper boundary of the display interface and a webpage of the first area When the content is all displayed on the display interface, and the webpage content of the second area is not displayed on the display interface, the first region is terminated to be moved until a lower boundary of the first region and a lower boundary of the second region. Located on the same horizontal line.

The webpage may further include a navigation box disposed at the preset location in the first area, for receiving user input content or outputting prompt information;

The page moving module 502 is further configured to stop moving the navigation frame when the navigation frame reaches an upper boundary of the display interface during the moving of the webpage page to an upper boundary direction of the display interface.

In still another embodiment, the page moving module 502 moves the upper boundary of the first area to the upper boundary of the display interface during the moving of the webpage to the upper boundary of the display interface, and the first When the content of the webpage of the area is not displayed in the display interface, it is also used to:

Continue moving the first area and the second area;

Since the webpage page may include not only the first area and the second area, in another embodiment, the webpage page further includes a third area, the lower boundary of the webpage page, the upper boundary part of the third area, and the first The lower boundary of the second area, the lower boundary of the third area may be the lower boundary of the web page.

Therefore, as a further embodiment, the page moving module 502 terminates moving the first area until the lower boundary of the first area is located at the same horizontal line as the lower boundary of the second area, and is further configured to:

The first region, the second region, and the third region continue to be moved until a lower boundary of the third region reaches a lower boundary of the display interface. Thereby the display of the third area is achieved.

In the embodiment of the present invention, whether the webpage content of the first area can be displayed in the display interface can be determined according to the number of webpage content of the first area, and the number of the webpage content in the first area is less than the first threshold, The webpage content of an area can be displayed on the display interface. If the webpage content of the first area is greater than the second threshold, it can be determined that the webpage content of the first area cannot be displayed on the display interface, and the webpage needs to be moved. Can be viewed without showing Web content. The second threshold may be equal to the first threshold.

Therefore, as another embodiment, the page moving module 502 terminates when the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is displayed on the display interface. Moving the first region until the lower boundary of the first region is at the same horizontal line as the lower boundary of the second region may be specifically:

If the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is not all displayed on the display interface, continuing to move the first area and the second area may specifically is:

In still another embodiment, the page moving module 502 is further configured to: when the webpage is moved to an upper boundary direction of the display interface, if an upper boundary of the second area reaches the display interface Ending the movement of the second area to the second area when the webpage content of the second area is displayed on the display interface and the webpage content of the first area is not displayed on the display interface The lower boundary is at the same horizontal line as the lower boundary of the first region.

The web page may be moved to the upper boundary of the display interface or to the lower boundary of the display interface.

Therefore, as a further embodiment, the page moving module 502 receives the page up movement request, and after the page page is moved to the upper boundary direction of the display interface according to the page up movement request, :

In the embodiment of the present invention, the display interface may be a display interface for displaying a webpage page by a client such as a browser. When the length of the webpage page is greater than the length of the display interface, the webpage page may be moved to conveniently view the webpage content of the webpage page. When the webpage page includes at least the first area and the second area distributed on both sides, when the webpage page moves to the upper boundary direction of the display interface, the first area and the second area also move toward the upper boundary direction of the display interface. The second area is a fixed length, and the length of the first area is not fixed. To ensure that the display interface displays the effective content, the display effect of the display interface is improved, if the upper boundary of the first area reaches the upper boundary of the display interface. The webpage content of the first area is displayed when the display interface is all displayed, or if the upper boundary of the first area reaches an upper boundary of the display interface and the webpage content of the first area is not in the display interface All displayed, and when the lower boundary of the first region reaches the lower boundary of the display interface, the first region is moved until the lower boundary of the first region is in the same state as the lower boundary of the second region The horizontal line can ensure that a large amount of blank content does not appear in the display interface, so that the display interface displays valid content, which improves the display effect of the display interface.

The device embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separate, and the components displayed as units may or may not be physical units, ie may be located A place, or it can be distributed to multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the embodiment. Those of ordinary skill in the art can understand and implement without deliberate labor.

FIG. 6 is a connection flowchart of an embodiment of a webpage page display electronic device according to the present invention. The device in this embodiment may be a part of a webpage page display server or a webpage page display server, and the device may include:

One or more processors 601 and memory 602, one processor 601 is taken as an example in FIG.

The web page display electronic device may further include: an input device 603 and an output device 604.

The processor 601, the memory 602, the input device 603, and the output device 604 can pass through the bus. Or connect in other ways.

The memory 602 is used as a non-transitory computer readable storage medium, and can be used to store non-transitory software programs, non-transitory computer executable programs, and modules, such as program instructions/modules corresponding to the web page display method in the embodiment of the present application. . The processor 601 executes various functional applications and data processing of the server by running non-transitory software programs, instructions, and modules stored in the memory 602, that is, implementing the web page display method of the above method embodiment.

The memory 602 may include a storage program area and an storage data area, wherein the storage program area may store an operating system, an application required for at least one function; the storage data area may store data created according to use of the web page display device, and the like. Moreover, memory 602 can include high speed random access memory, and can also include non-transitory memory, such as at least one magnetic disk storage device, flash memory device, or other non-transitory solid state storage device. In some embodiments, the memory 602 can optionally include memory remotely located relative to the processor 601 that can be connected to the processing device of the list item operation over a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.

The input device 603 can receive the input numeric or character information and generate a key signal input related to user settings and function control of the web page display device. Output device 604 can include a display device such as a display screen.

The one or more modules are stored in the memory 602, and when executed by the one or more processors 31, execute a web page display method in any of the above method embodiments.

The above products can perform the methods provided by the embodiments of the present application, and have the corresponding functional modules and beneficial effects of the execution method. For technical details that are not described in detail in this embodiment, reference may be made to the method provided by the embodiments of the present invention.

The electronic device of the embodiment of the invention exists in various forms, including but not limited to:

(1) Mobile communication devices: These devices are characterized by mobile communication functions and are mainly aimed at providing voice and data communication. Such terminals include: smart phones (such as iPhone), multimedia phones, functional phones, and low-end phones.

(2) Ultra-mobile PC devices: These devices belong to the category of personal computers, with calculations and Processing functions, generally also have mobile Internet features. Such terminals include: PDAs, MIDs, and UMPC devices, such as the iPad.

(3) Portable entertainment devices: These devices can display and play multimedia content. Such devices include: audio, video players (such as iPod), handheld game consoles, e-books, and smart toys and portable car navigation devices.

(4) Server: A device that provides computing services. The server consists of a processor, a hard disk, a memory, a system bus, etc. The server is similar to a general-purpose computer architecture, but because of the need to provide highly reliable services, processing power and stability High reliability in terms of reliability, security, scalability, and manageability.

(5) Other electronic devices with data interaction functions. It can be seen that the processor 602 in the device is a specific implementation of the device in FIG. 5, and the specific functions and effects thereof can also be referred to the description of the device in FIG. 5.

Correspondingly, an embodiment of the present invention further provides a computer readable storage medium, where the program for executing the method of the foregoing embodiment is stored.

Through the description of the above embodiments, those skilled in the art can clearly understand that the various embodiments can be implemented by means of software plus a necessary general hardware platform, and of course, by hardware. Based on such understanding, the above-described technical solutions may be embodied in the form of software products in essence or in the form of software products, which may be stored in a computer readable storage medium such as ROM/RAM, magnetic Discs, optical discs, etc., include instructions for causing a computer device (which may be a personal computer, server, or network device, etc.) to perform the methods described in various embodiments or portions of the embodiments.

It should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and are not limited thereto; although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that The technical solutions described in the foregoing embodiments are modified, or the equivalents of the technical features are replaced. The modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims

A webpage page display method, comprising:

Outputting a webpage page on the display interface, wherein the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content, wherein the length of the display interface is smaller than the length of the webpage page;

Receiving a page up movement request, and moving the webpage page to an upper boundary direction of the display interface according to the page up movement request, to display webpage content not displayed by the first area and the second area;

During the moving of the webpage page to the upper boundary direction of the display interface, if the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is in the display interface When the webpage content of the second area is not displayed on the display interface, the first area is terminated until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area.
The method according to claim 1, wherein in the moving of the webpage page to the upper boundary direction of the display interface, if the upper boundary of the first area reaches the upper boundary of the display interface When the webpage content of the first area is not displayed on the display interface, the method further includes:

Continue moving the first area and the second area;

Terminating moving the first area until a lower boundary of the first area when a lower boundary of the first area reaches a lower boundary of the display interface and the second area has a webpage content not displayed on the display interface Located at the same horizontal line as the lower boundary of the second region.
The method of claim 1, wherein the web page further comprises a third area disposed at a lower boundary;

After the lower boundary of the first area is located at the same horizontal line as the lower boundary of the second area, the method further includes:

The first region, the second region, and the third region continue to be moved until a lower boundary of the third region reaches a lower boundary of the display interface.
The method according to claim 2, wherein if the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is displayed on the display interface, the mobile terminal is terminated. The first area until the lower boundary of the first area and the lower boundary of the second area are in the same horizontal line include:

If the number of webpage content of the first area is less than a first threshold, and an upper boundary of the first area reaches an upper boundary of the display interface, terminating moving the first area to a lower boundary of the first area Located at the same horizontal line as the lower boundary of the second region;

And if the upper boundary of the first area reaches an upper boundary of the display interface and the webpage content of the first area is not all displayed on the display interface, continuing to move the first area and the second The area includes:

If the number of webpage content of the first area is greater than a second threshold, and the upper boundary of the first area reaches an upper boundary of the display interface, the first area and the second area are further moved.
The method according to claim 1, wherein the receiving page moves up the request and moves the webpage page to the upper boundary direction of the display interface according to the page upward movement request, the method Also includes:

During the moving of the webpage page to the upper boundary direction of the display interface, if the upper boundary of the second area reaches the upper boundary of the display interface and the webpage content of the second area is all in the display interface When the webpage content of the first area is not displayed on the display interface, the second area is terminated until the lower boundary of the second area is at the same horizontal line as the lower boundary of the first area.
The method according to any one of claims 1 to 5, wherein the webpage further comprises a navigation box disposed at a preset position in the first area, for receiving user input content or outputting prompt information. ;

The method further includes: during the moving of the webpage to the upper boundary of the display interface, the method further includes:

When the navigation frame reaches the upper boundary of the display interface, the moving of the navigation frame is terminated.
A webpage page display device, comprising:

a page output module, which outputs a webpage page on the display interface, wherein the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the display interface is smaller than the length of the webpage page ;

a page moving module, configured to receive a page up movement request, and move the webpage page to an upper boundary direction of the display interface according to the page up movement request to display the first area and the second area a webpage content that is not displayed; in a process of moving the webpage page to an upper boundary direction of the display interface, if an upper boundary of the first area reaches an upper boundary of the display interface and a webpage content of the first area When the display interface is all displayed, and the webpage content of the second area is not displayed on the display interface, the first area is terminated until the lower boundary of the first area is located at a lower boundary of the second area. The same horizontal line.
The device according to claim 7, wherein the page moving module is configured to move the upper boundary of the first region to the display interface during the moving of the webpage to the upper boundary of the display interface And the upper boundary and the webpage content of the first area are not displayed in the display interface, and are further configured to continue to move the first area and the second area; reaching the lower boundary of the first area When the lower boundary of the display interface is displayed and the second area has webpage content that is not displayed on the display interface, the lower boundary of the first region that terminates moving the first region is located at the same horizontal line as the lower boundary of the second region. .
The apparatus according to claim 7, wherein said web page further comprises a third area disposed at a lower boundary;

After the lower boundary of the first area and the lower boundary of the second area are located on the same horizontal line, the page moving module is further configured to:

The first region, the second region, and the third region continue to be moved until a lower boundary of the third region reaches a lower boundary of the display interface.
The device according to claim 8, wherein the page moving module if the upper boundary of the first area reaches an upper boundary of the display interface and the webpage content of the first area is all in the display interface When displayed, the movement of the first area is terminated until the The lower boundary of the first area is located at the same horizontal line as the lower boundary of the second area, specifically:

If the number of webpage content of the first area is less than a first threshold, and an upper boundary of the first area reaches an upper boundary of the display interface, terminating moving the first area to a lower boundary of the first area Located at the same horizontal line as the lower boundary of the second region;

If the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is not all displayed on the display interface, continue to move the first area and the second area to be specific Yes:

If the number of webpage content of the first area is greater than a second threshold, and the upper boundary of the first area reaches an upper boundary of the display interface, the first area and the second area are further moved.
The device according to claim 7, wherein the page moving module is further configured to: when the webpage is moved to an upper boundary direction of the display interface, if an upper boundary of the second region arrives When the upper boundary of the display interface is displayed and the webpage content of the second area is displayed on the display interface, and the webpage content of the first area is not displayed on the display interface, the second area is terminated until the content is The lower boundary of the second region is located at the same horizontal line as the lower boundary of the first region.
The device according to any one of claims 7 to 11, wherein the webpage further comprises a navigation box disposed at a preset position in the first area, for receiving user input content or outputting prompt information. ;

The page moving module is further configured to terminate moving the navigation box when the navigation frame reaches an upper boundary of the display interface during the moving of the webpage page to an upper boundary direction of the display interface.
An electronic device, comprising:

At least one processor; and,

a memory communicatively coupled to the at least one processor; wherein

The memory stores instructions executable by the one processor, the instructions being executed by the at least one processor to enable the at least one processor to:

Outputting a webpage page on the display interface, wherein the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content, wherein the length of the display interface is smaller than the length of the webpage page;

Receiving a page up movement request, and moving the webpage page to an upper boundary direction of the display interface according to the page up movement request, to display webpage content not displayed by the first area and the second area;

During the moving of the webpage page to the upper boundary direction of the display interface, if the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is in the display interface When the webpage content of the second area is not displayed on the display interface, the first area is terminated until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area.
A non-transitory computer readable storage medium, wherein the non-transitory computer readable storage medium stores computer instructions for causing the computer to perform the method of any of claims 1-6 .
A computer program product comprising a computing program stored on a non-transitory computer readable storage medium, the computer program comprising program instructions that, when executed by a computer, cause the computer to execute The method of any of claims 1-6.