Method for presenting page content, electronic device and computer program product

Abstract

The invention discloses a method for presenting page content, electronic equipment and a computer program product, and the method comprises the steps that interaction operation of a user for triggering a scrolling control on a user interface is received, the user interface comprises a plurality of first areas, and the first areas are used for performing scrolling display on information in the first areas; determining a first moving distance of the rolling control according to the interaction operation; and controlling the information in the plurality of first areas to move to positions matched with the first distance so as to present page contents corresponding to different positions. According to the technical scheme, more content data can be obtained on the current page, and the data analysis efficiency is improved.

Description

Technical Field

[0001] This application relates to the field of Internet application technology, specifically to a method for presenting page content, an electronic device, and a computer program product. Background Technology

[0002] Currently, when users browse large amounts of information for data analysis, they often need to use certain information on the page as references for comparison. However, due to the large volume of data and the numerous references to be compared, users need to constantly adjust the interface (e.g., swiping up and down) to view the corresponding data, resulting in a poor user experience and low efficiency in information retrieval. Summary of the Invention

[0003] In view of this, embodiments of this application provide a method, electronic device, and computer program product for presenting page content, which can obtain more content data on the current page and improve the efficiency of data analysis.

[0004] In a first aspect, embodiments of this application provide a method for presenting page content. The method includes: receiving an interactive operation by a user triggering a scrolling control on a user interface, wherein the user interface includes a plurality of first areas, the plurality of first areas being used to scroll and display information within the plurality of first areas; determining a first distance that the scrolling control is moved based on the interactive operation; and controlling the information within the plurality of first areas to move to a position matching the first distance, so as to present page content corresponding to different positions.

[0005] In one embodiment of this application, the interactive operation includes dragging and scrolling a control. Determining the first distance the scrolling control is moved based on the interactive operation includes: setting the position of the scrolling control as the starting point; calculating the pixel distance the scrolling control moves from the starting point to the completion of the interactive operation; and using the pixel distance as the first distance.

[0006] In one embodiment of this application, the interactive operation includes dragging and scrolling a control. Determining the first distance the scroll control is moved based on the interactive operation includes: setting the position of the scroll control as the starting point; calculating the percentage of the distance the scroll control moves from the starting point to the completion of the interactive operation relative to the total movable length; and using the percentage as the first distance.

[0007] In one embodiment of this application, the method further includes: obtaining the movement direction of the scrolling control based on the interactive operation, wherein controlling the information in the multiple first areas to move to a position matching the first distance includes: obtaining a second distance that the multiple first areas need to move based on the first distance; and controlling the multiple first areas to move to a position of the second distance in a direction opposite to the movement direction.

[0008] In one embodiment of this application, the second distance is represented by pixel distance.

[0009] In one embodiment of this application, before receiving the user's interactive operation of triggering the scroll control on the user interface, the method further includes: loading content data in a plurality of first areas; determining whether the actual page width used to present the content data is greater than the page width of the first area; and displaying the scroll control if the actual page width is greater than the page width.

[0010] In one embodiment of this application, the user interface further includes a plurality of second areas, which are areas for displaying fixed content. The method further includes: when controlling information within the plurality of first areas to move to a position matching a first distance, the plurality of second areas remain fixed.

[0011] Secondly, embodiments of this application provide a computationally readable storage medium storing a computer program for executing the method for presenting page content as described in the first aspect.

[0012] Thirdly, embodiments of this application provide an electronic device, including: a processor; and a memory for storing processor-executable instructions, wherein the processor is used to execute the method for presenting page content as described in the first aspect above.

[0013] Fourthly, embodiments of this application provide a computer program product, including a computer program that, when executed by a processor, implements the method for presenting page content as described in the first aspect.

[0014] This application provides a method, electronic device, and computer program product for presenting page content. By receiving user interaction operations that trigger a scroll control on the user interface, determining a first distance the scroll control is moved based on the interaction operations, and then controlling information in multiple first areas to move to positions matching the first distance, the page content corresponding to different positions is presented. This allows the application to help users obtain more content data on the current page, improves the efficiency and convenience of data analysis, and enhances the user experience. Attached Figure Description

[0015] The accompanying drawings are provided to further illustrate the present disclosure and form part of the specification. They are used together with the embodiments of the present disclosure to explain the disclosure and do not constitute a limitation thereof. The above and other features and advantages will become more apparent to those skilled in the art from the detailed description of exemplary embodiments with reference to the accompanying drawings, in which:

[0016] Figure 1 This is a flowchart illustrating a method for presenting page content provided in an exemplary embodiment of this application.

[0017] Figure 2a This is a schematic diagram of a user interface provided in an exemplary embodiment of this application.

[0018] Figure 2b This is a schematic diagram of a user interface provided in another exemplary embodiment of this application.

[0019] Figure 3 This is a flowchart illustrating a method for presenting page content provided in another exemplary embodiment of this application.

[0020] Figure 4 This is a schematic diagram of the structure of an apparatus for presenting page content provided in an exemplary embodiment of this application.

[0021] Figure 5 This is a block diagram of an electronic device for presenting page content, provided in an exemplary embodiment of this application. Detailed Implementation

[0022] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0023] When users browse large amounts of information on a webpage for data analysis, they need to fix certain information (e.g., metrics) on the page as reference information to facilitate data comparison and analysis. Currently, container scrollbars and anchor components are commonly used to keep the reference information fixed on one side of the user's screen. However, this method only solves scenarios where the reference information is short and singular, fixed on one side of the screen. When faced with complex information displays, due to the large amount of reference information, anchor components cannot provide a better interactive experience. Therefore, users still need to constantly adjust the browser's built-in horizontal scrollbar (e.g., scrolling up and down), scrolling through all modules on the page to view the reference information. This results in low information acquisition efficiency and a poor user experience.

[0024] Furthermore, when users need to conduct cross-sectional comparative analysis of data from multiple customer groups, the current method results in multiple reference pieces of information on the page not being fixed when analyzing important reference information (e.g., comparison item titles), which cannot satisfy users' need to compare the differences of the same modules in multiple customer groups at the same time.

[0025] To address the aforementioned problems, this application provides a method for presenting page content. Various non-limiting embodiments of this application will be described in detail below with reference to the accompanying drawings.

[0026] Figure 1 This is a flowchart illustrating a method for presenting page content provided in an exemplary embodiment of this application. Figure 1 The method is executed by a computing device, such as a server. Figure 1 As shown, the method for presenting page content includes the following.

[0027] S110: Receives user interaction operations that trigger the scroll control on the user interface.

[0028] In one embodiment, the user interface includes a plurality of first areas, which are used to scroll through information within the plurality of first areas.

[0029] Specifically, the user interface (also called a "page") is the display screen interface of a user's mobile terminal (e.g., a computer), for example, see Figure 2a The interface shown is described above. The user interface 200 may include multiple first areas 202, which can be understood as scrollable areas, that is, the first areas are used to scroll and display information within the area.

[0030] The scroll control can be a composite scrollbar (e.g., Figure 2a The scroll control (203) is used to control a portion of the content on a page to remain fixed in place while the rest scrolls synchronously, solving the need for multiple reference pieces of information to remain fixed on the same screen. In other words, as the scroll control's scroll size increases, it scrolls closer to the end of the adjacent content. For example, see... Figure 2a As the scroll control 203 moves to the right, the content in the multiple first areas 202 moves closer to the end of the content. It should be noted that, compared to a regular scroll bar, the content in the area controlled by the composite scroll bar can be fixed in place or scroll with the scroll bar according to user needs, while the content in the area controlled by a regular scroll bar always scrolls with the scroll bar.

[0031] Interactive operations can be clicking and dragging the scrolling control in a certain direction, or they can be triggered by sliding a function key (e.g., mouse wheel) on a touch object (e.g., mouse). This application embodiment does not specifically limit the interactive operations.

[0032] In one embodiment, the user clicks and drags a scroll control on the user interface.

[0033] S120: Determine the first distance the scroll control is moved based on the interactive operation.

[0034] Specifically, the first distance can be understood as the distance the scroll control is dragged (or moved), for example, Figure 2b The first distance is 204. The first distance can be represented by pixel distance or by percentage. This application does not specifically limit the specific form of the first distance in the embodiments.

[0035] In one embodiment, the position of the scroll control before the interactive operation is performed is set as the starting point, and then the pixel distance that the scroll control moves from the starting point to the completion of the interactive operation is calculated. This pixel distance is then used as the first distance.

[0036] In another embodiment, the percentage of the total movable length that the scroll control has moved is calculated based on the interactive operation, and then this percentage is used as the first distance.

[0037] S130: Control the information in multiple first areas to move to positions that match the first distance, so as to present page content corresponding to different positions.

[0038] Specifically, the direction of movement of the scroll control is first determined based on the interactive operation. Then, a second distance is obtained based on the first distance to move multiple first areas, and then the multiple first areas are controlled to move to a position of the second distance in the opposite direction to the movement direction in order to present the page content corresponding to that position.

[0039] The second distance can be the same as the first distance. For example, if the first distance is 50 pixels, the second distance is also 50 pixels. It should be noted that the first distance can be understood as the distance the scroll control is dragged, and the second distance can be understood as the distance the first area needs to move.

[0040] For example, see Figure 2a and Figure 2b The system receives user interaction operations that trigger the scroll control 203 on the user interface 200, and then determines the direction of movement (i.e., to the right) and first distance 204 of the scroll control 203 dragged by the interaction operation. Then, based on the first distance 204, it obtains the second distance 205 required to move multiple first areas 202, and then controls the information in the multiple first areas 202 to move to the left by the second distance 205 to present the page content corresponding to different positions (i.e., 11 and 12).

[0041] It should be noted that, Figure 2a and Figure 2bThe numbers 1 to 12 within the first area 202 can represent data from different customer groups. For example, number 1 can represent data information from customer group 1 (e.g., chart data such as bar charts or tables), and number 2 can represent data information from customer group 2, etc. (e.g., chart data such as bar charts or tables), allowing users to easily view the data performance of the same indicator across multiple different customer groups. Furthermore, this embodiment does not specifically limit the content displayed within the first area. Figure 2a and Figure 2b The left-hand area can display drop-down lists (e.g., a list of customer groups for which data comparison is needed), and this application embodiment does not impose specific limitations.

[0042] It should also be noted that the number of customer groups can be flexibly set according to the user's needs. When a user selects 6 customer groups for data comparison, they can use the composite scroll bar to view the data performance of each indicator horizontally. This allows users to easily view the data performance of the same indicator in 6 different customer groups, helping them to complete data analysis more efficiently and obtain data value.

[0043] Therefore, this application embodiment receives the user's interactive operation of triggering the scroll control on the user interface, determines the first distance the scroll control is moved based on the interactive operation, and then controls the information in multiple first areas to move to the position matching the first distance, so as to present the page content corresponding to different positions. This allows the application embodiment to help users obtain more content data on the current page, improves the efficiency and convenience of data analysis, and enhances the user experience.

[0044] In one embodiment of this application, the interactive operation includes dragging and scrolling a control. Determining the first distance the scrolling control is moved based on the interactive operation includes: setting the position of the scrolling control as the starting point; calculating the pixel distance the scrolling control moves from the starting point to the completion of the interactive operation; and using the pixel distance as the first distance.

[0045] In one embodiment, the first distance can be represented by pixel distance.

[0046] Specifically, see Figure 2a Set the position of the scroll control 203 before the interactive operation as the starting point, that is... Figure 2a The starting point is the position of the scroll control. Calculate the pixel distance the scroll control is dragged from the starting point to the end of the drag operation, and use this pixel distance as the first distance. For example... Figure 2b The first distance is 204.

[0047] It should be noted that, in order to ensure timely response to user interaction, this embodiment of the application can calculate the drag distance of the scroll control in real time while receiving the user's interaction, and ensure that the content in the first area is adjusted in a timely manner.

[0048] Therefore, it can be seen that the embodiments of this application use pixel distance to represent the first distance, which makes the calculation of the first distance more accurate.

[0049] In one embodiment of this application, the interactive operation includes dragging and scrolling a control. Determining the first distance the scroll control is moved based on the interactive operation includes: setting the position of the scroll control as the starting point; calculating the percentage of the distance the scroll control moves from the starting point to the completion of the interactive operation relative to the total movable length; and using the percentage as the first distance.

[0050] Specifically, the starting point is set as the position of the scroll control before the interactive operation is performed, for example... Figure 2a The starting point is the position of the scroll control. Calculate the distance the scroll control moves from the starting point to the end of the drag operation, and use this distance as a percentage of the total distance moved as the first distance. The distance moved by the scroll control and the percentage of the total distance moved can be expressed in pixels to improve the accuracy of the percentage calculation.

[0051] In one embodiment of this application, the method further includes: obtaining the movement direction of the scrolling control based on an interactive operation. The interactive operation may be clicking and dragging the scrolling control in a certain direction, which may be left or right; this embodiment does not specifically limit this direction.

[0052] In one embodiment, the direction in which the user drags the scroll control can be used as the movement direction of the scroll control.

[0053] In one embodiment of this application, controlling information within a plurality of first regions to move to a position matching a first distance includes: obtaining a second distance that the plurality of first regions need to move based on the first distance; and controlling the plurality of first regions to move to a position that is the second distance in a direction opposite to the direction of movement.

[0054] Specifically, the pixel distance indicated by the first distance is used as the second distance, and then the second distance is assigned to the strings corresponding to multiple first regions. This controls the multiple first regions on the page to move along the opposite direction of the movement direction by the same number of pixels as the first distance, thereby displaying the page content within that pixel distance in the multiple first regions. At this time, the content of the multiple second regions on the page remains fixed.

[0055] In one embodiment, the second distance is represented by pixel distance.

[0056] It should be noted that, since this application embodiment fixes multiple second areas (i.e., the name display area of ​​the reference information) on the page, the user can always know which specific indicator is being compared when dragging the scroll control horizontally, thus improving the user's convenience in obtaining information.

[0057] Therefore, this embodiment of the application ensures the accuracy of the movement distance of the first area by keeping the distance moved by the first area consistent with the distance moved by the scroll control.

[0058] In one embodiment of this application, before receiving the user's interactive operation of triggering the scroll control on the user interface, the method further includes: loading content data in a plurality of first areas; determining whether the actual page width used to present the content data is greater than the page width of the first area; and displaying the scroll control if the actual page width is greater than the page width.

[0059] Specifically, the content data corresponding to the title displayed in the second area is loaded in each of the multiple first areas, and the actual interface width required to display the content data is determined. Then, it is determined whether the actual interface width is greater than the page width within the user interface for displaying the first area. If the actual interface width required to display the content data is greater than the page width, a scroll control is displayed; otherwise, if the actual interface width required to display the content data is less than the page width, a scroll control is not displayed.

[0060] For example, see Figure 3 When the application page begins data comparison and analysis (step S310), content data is loaded in multiple first areas of the interface. Then, step S320 is executed: it is determined whether the actual page width used to present the content data is greater than the page width of the first area. If the actual page width is greater than the page width of the first area, step S330 is executed: a scroll control is displayed in the user interface; otherwise, step S325 is executed: the scroll control is not displayed in the user interface.

[0061] Further, the system receives an interactive operation from the user triggering the scroll control on the user interface, and then executes step S340: determining whether the scroll control has moved, i.e., determining whether the scroll control has been interactively operated. If the scroll control has not moved, step S350 is executed: the page content remains unchanged; or, if the scroll control has moved, step S360 is executed: calculating the first distance the scroll control has moved and recording the direction of movement. Then, step S370 is executed: determining the second distance that multiple first areas need to move based on the first distance, and then controlling the multiple first areas to move the second distance in the opposite direction to the direction of movement, while the multiple second areas remain fixed (step S380).

[0062] It should be noted that the width of the scroll control (e.g., scrollbar) and the width of the page content remain consistent in real time. Furthermore, the method described in this embodiment allows modules that should scroll to move with the scroll control, while modules that should not scroll remain fixed, thus solving the problem that the browser's built-in horizontal scrollbar only allows all modules to scroll together.

[0063] Therefore, this application embodiment automatically displays a scroll control on the page according to the amount of content data, allowing users to obtain more data information by moving the scroll control, thus ensuring that users can perform data analysis more efficiently.

[0064] In one embodiment of this application, the user interface further includes a plurality of second areas, which are areas for displaying fixed content. The method further includes: when controlling the plurality of first areas to scroll to a position matching a first distance, the plurality of second areas remain fixed.

[0065] Specifically, see Figure 2a or Figure 2b The user interface 200 includes multiple second areas 201, multiple first areas 202, and a scrolling control 203. The multiple first areas 202 are scrollable areas, and the multiple second areas 201 are fixed areas; that is, the first areas 202 are used to scroll and display information within their respective areas, while the second areas 201 are used to display fixed content. It should be noted that which areas in the interface are second areas can be pre-set using strings; this embodiment does not specifically limit the method of setting the second areas.

[0066] The second area is used to display fixed content, which can be understood as reference information. This can include title information, such as user age distribution, user mobile phone brand rankings, and logistics attributes. The first area can be used to display content information corresponding to the title information. For example, if the title displayed in the second area is "User Age Distribution," then the first area would display a bar chart of the user age distribution.

[0067] In one embodiment, the server can control multiple first regions to move a second distance in a direction opposite to the direction of movement, while the multiple second regions remain fixed.

[0068] Therefore, this embodiment of the application divides the interface into a second area that displays fixed content and a first area that displays scrollable content, so that the required reference information can be displayed in a fixed manner in the interface, ensuring that users can compare multiple reference information at the same time, helping users to complete data analysis more efficiently and obtain data value.

[0069] Figure 4 This is a schematic diagram of an apparatus 400 for presenting page content according to an exemplary embodiment of this application. Figure 4 As shown, the device 400 for presenting page content includes: a receiving module 410, a determining module 420, and a scrolling control module 430.

[0070] The receiving module 410 is used to receive the user's interactive operation that triggers the scrolling control on the user interface, wherein the user interface includes multiple first areas, and the multiple first areas are used to scroll and display information within the areas; the determining module 420 is used to determine the first distance that the scrolling control is moved based on the interactive operation; the controlling scrolling module 430 is used to control the multiple first areas to scroll to a position that matches the first distance, so as to present the page content corresponding to the position.

[0071] This application provides an apparatus for presenting page content. By receiving user interaction operations that trigger a scroll control on the user interface, determining a first distance the scroll control is moved based on the interaction operations, and then controlling information in multiple first areas to move to positions matching the first distance, the apparatus presents page content corresponding to different positions. This allows the application to help users obtain more content data on the current page, improves the efficiency and convenience of data analysis, and enhances the user experience.

[0072] According to one embodiment of this application, the interactive operation includes dragging and scrolling a control. The determining module 420 is used to set the position of the scrolling control as the starting point; calculate the pixel distance that the scrolling control moves from the starting point to the completion of the interactive operation; and use the pixel distance as the first distance.

[0073] According to one embodiment of this application, the interactive operation includes dragging and scrolling a control, wherein determining the first distance the scrolling control is moved based on the interactive operation includes: setting the position of the scrolling control as the starting point; calculating the percentage of the distance the scrolling control has moved from the starting point to the completion of the interactive operation relative to the total movable length; and using the percentage as the first distance.

[0074] According to one embodiment of this application, the determining module 420 is used to obtain the movement direction of the scrolling control based on the interactive operation, and the controlling module 430 is used to obtain the second distance that multiple first regions need to move based on the first distance; and to control the multiple first regions to move to the position of the second distance in the direction opposite to the movement direction.

[0075] According to one embodiment of this application, the second distance is represented by pixel distance.

[0076] According to one embodiment of this application, the receiving module 410 is used to load content data in a plurality of first areas; determine whether the actual page width used to present the content data is greater than the page width of the first area; and display a scroll control if the actual page width is greater than the page width.

[0077] According to one embodiment of this application, the user interface further includes a plurality of second areas, which are areas for displaying fixed content. The control scrolling module 430 is used to keep the plurality of second areas fixed when controlling the information in the plurality of first areas to move to a position matching the first distance.

[0078] It should be understood that the specific working process and functions of the receiving module 410, determining module 420, and controlling scrolling module 430 in the above embodiments can be referred to the above description. Figures 1 to 3 The description of the method for presenting page content provided in the embodiments will not be repeated here to avoid repetition.

[0079] Figure 5 This is a block diagram of an electronic device 500 for presenting page content, provided in an exemplary embodiment of this application.

[0080] Reference Figure 5 The electronic device 500 includes a processing component 510, which further includes one or more processors, and memory resources represented by memory 520 for storing instructions, such as applications, that can be executed by the processing component 510. The applications stored in memory 520 may include one or more modules, each corresponding to a set of instructions. Furthermore, the processing component 510 is configured to execute instructions to perform the methods described above for presenting page content.

[0081] Electronic device 500 may also include a power supply component configured to perform power management of electronic device 500, a wired or wireless network interface configured to connect electronic device 500 to a network, and an input / output (I / O) interface. Electronic device 500 can be operated based on an operating system stored in memory 520, such as Windows Server. TM Mac OSX TM Unix TM Linux TM FreeBSD TM Or similar.

[0082] A non-transitory computer-readable storage medium, when the instructions in the storage medium are executed by the processor of the aforementioned electronic device 500, enables the electronic device 500 to perform a method for presenting page content, comprising: receiving an interactive operation by a user triggering a scroll control on a user interface, wherein the user interface includes a plurality of first areas for scrolling information within the areas; determining a first distance that the scroll control is moved based on the interactive operation; and controlling the plurality of first areas to scroll to a position matching the first distance to present page content corresponding to the position.

[0083] This application also provides a computer program product, including a computer program used to execute the steps of the method for presenting page content as described in the above method embodiments. For details, please refer to the above method embodiments, which will not be repeated here. This computer program product can be implemented specifically through hardware, software, or a combination thereof. In one optional embodiment, the computer program product is specifically embodied as a computer storage medium; in another optional embodiment, the computer program product is specifically embodied as a software product, such as a software development kit (SDK), etc.

[0084] All of the above-mentioned optional technical solutions can be combined in any way to form optional embodiments of this application, and will not be described in detail here.

[0085] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0086] Those skilled in the art will understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.

[0087] In the several embodiments provided in this application, it should be understood that the disclosed systems, apparatuses, and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between apparatuses or units may be electrical, mechanical, or other forms.

[0088] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0089] In addition, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0090] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program verification codes, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0091] It should be noted that in the description of this application, the terms "first," "second," "third," etc., are used for descriptive purposes only and should not be construed as indicating or implying relative importance. Furthermore, in the description of this application, unless otherwise stated, "a plurality of" means two or more.

[0092] The above description is merely a preferred embodiment of this application and is not intended to limit this application. Any modifications or equivalent substitutions made within the spirit and principles of this application should be included within the protection scope of this application.

Claims

1. A method for presenting page content, characterized in that, include: The system receives an interactive operation from a user that triggers a scrolling control on a user interface, wherein the user interface includes multiple first areas, and the multiple first areas are used to scroll and display information within the multiple first areas; The first distance the scroll control is moved is determined based on the interactive operation; The information within the plurality of first areas is controlled to move to a position matching the first distance, so as to present page content corresponding to different positions.

2. The method according to claim 1, characterized in that, The interactive operation includes dragging the scrolling control. The step of determining the first distance the scroll control is moved based on the interactive operation includes: Set the position of the scroll control as the starting point; Calculate the pixel distance the scroll control moves from the starting point to when the interactive operation is completed; The pixel distance is taken as the first distance.

3. The method according to claim 1, characterized in that, The interactive operation includes dragging the scrolling control. The step of determining the first distance the scroll control is moved based on the interactive operation includes: Set the position of the scroll control as the starting point; Calculate the percentage of the total movable length that the scroll control has moved from the starting point to the point where the interactive operation is completed; The percentage is taken as the first distance.

4. The method according to claim 1, characterized in that, Also includes: Based on the interactive operation, the movement direction of the scrolling control is obtained. The step of controlling the information within the plurality of first regions to move to a position matching the first distance includes: Based on the first distance, obtain the second distance that the plurality of first regions need to move; The plurality of first regions are controlled to move to a position a second distance in a direction opposite to the moving direction.

5. The method according to claim 4, characterized in that, The second distance is represented by pixel distance.

6. The method according to claim 1, characterized in that, Before receiving the user's interactive operation that triggers the scroll control on the user interface, the method further includes: Load content data in the plurality of first regions; Determine whether the actual page width used to present the content data is greater than the page width of the first area; The scroll control is displayed when the actual page width is greater than the page width.

7. The method according to any one of claims 1 to 6, characterized in that, The user interface also includes multiple second areas, which are areas used to display fixed content. The method further includes: While controlling the information within the plurality of first regions to move to a position matching the first distance, the plurality of second regions remain stationary.

8. A computer-readable storage medium, characterized in that, The storage medium stores a computer program for performing the method of presenting page content as described in any one of claims 1 to 7.

9. An electronic device, characterized in that, include: processor; Memory used to store the processor's executable instructions. The processor is used to execute the method for presenting page content according to any one of claims 1 to 7.

10. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the method for presenting page content as described in any one of claims 1 to 7.

Images