CN105677749B - Page display method and device - Google Patents

Page display method and device Download PDF

Info

Publication number
CN105677749B
CN105677749B CN201511019112.2A CN201511019112A CN105677749B CN 105677749 B CN105677749 B CN 105677749B CN 201511019112 A CN201511019112 A CN 201511019112A CN 105677749 B CN105677749 B CN 105677749B
Authority
CN
China
Prior art keywords
list
lists
vertical coordinate
page
control
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201511019112.2A
Other languages
Chinese (zh)
Other versions
CN105677749A (en
Inventor
莫文
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201511019112.2A priority Critical patent/CN105677749B/en
Publication of CN105677749A publication Critical patent/CN105677749A/en
Application granted granted Critical
Publication of CN105677749B publication Critical patent/CN105677749B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The invention provides a page display method and a device, wherein the method comprises the following steps: loading a plurality of lists in a page, and arranging first controls which can be respectively linked to more information corresponding to the lists at first preset positions of the lists; identifying a list currently being browsed and corresponding content; and according to the identified list currently browsed, fixedly setting a second control which can be linked to more information corresponding to the currently browsed list at a second preset position of the screen. By the page display method and the page display device, when commodities are selected and purchased on the mobile equipment or pages are browsed to enter other lists, the operation of a user is facilitated, and the use experience of the user is effectively improved.

Description

Page display method and device
Technical Field
The invention relates to the field of mobile communication, in particular to a page display method and device.
Background
Usually, when browsing web pages or shopping on apps of mobile devices, the web pages need to show different kinds of merchandise lists or news lists. Due to the limitation of the display area of the mobile device, a software developer may display a plurality of lists on a page, thereby causing each list not to completely display the specific content of each list. In the prior art, developers would add one "more" control or button per list to link to a page that fully displays the specific content of each list.
In view of the above display manner, when a user browses a web page or shops, whenever browsing the bottom of the current list, the user needs to check more specific contents of the current list and need to return to the top of the current list to click the "more" control, and this operation manner may cause inconvenience in operation and poor user experience in the process of browsing for a long time.
Disclosure of Invention
In view of the above situation, the present invention provides a page display method and apparatus, so as to solve the operation problem that it is inconvenient for a user to browse a page when browsing the page on a mobile device and entering another list.
The technical scheme of the invention is to provide a page display method, which comprises the following steps: loading a plurality of lists in a page, and arranging first controls which can be respectively linked to more information corresponding to the lists at first preset positions of the lists; identifying a list currently being browsed and corresponding content; and according to the identified list currently browsed, fixedly setting a second control which can be linked to more information corresponding to the currently browsed list at a second preset position of the screen.
Optionally, identifying the list currently being browsed and the corresponding content comprises: and identifying the list as a currently browsed list according to the position relation between the first control of the currently displayed list and the screen display area.
Optionally, identifying the list currently being browsed and the corresponding content further comprises: acquiring the current screen scrolling height, a first vertical coordinate of a first control of each list and a second vertical coordinate of the bottom of the list; and if the current screen scrolling height is larger than the first vertical coordinate and smaller than the second vertical coordinate, the list is the currently browsed list.
Optionally, the first preset position includes, but is not limited to, the upper right corner of the list.
Optionally, the second predetermined location includes, but is not limited to, a top of the screen.
The present invention also provides a page display apparatus, comprising: the page information module is used for loading a plurality of lists in a page, and first controls which can be respectively linked to more information corresponding to the lists are arranged at first preset positions of the lists; the position processing module is used for identifying the list which is browsed currently and the corresponding content; and the control generating module is used for fixedly setting a second control which can be linked to more information corresponding to the currently browsed list at a second preset position of the screen according to the identified currently browsed list.
Optionally, the position processing module identifies the list as a currently browsed list according to a position relationship between the first control of the currently displayed list and the screen display area.
Optionally, the position processing module further comprises: the position calculation module is used for acquiring the current screen scrolling height, a first vertical coordinate of the first control of each list and a second vertical coordinate of the bottom of the list; and the position judging module is used for judging that the list is the currently browsed list if the current screen scrolling height is larger than the first vertical coordinate and smaller than the second vertical coordinate.
Optionally, the first preset position includes, but is not limited to, the upper right corner of the list.
Optionally, the second predetermined location includes, but is not limited to, a top of the screen.
By the page display method and the page display device, when commodities are selected and purchased on the mobile equipment or pages are browsed to enter other lists, the operation of a user is facilitated, and the use experience of the user is effectively improved.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts. In the drawings:
FIG. 1 is a schematic diagram of an application scenario of the present invention;
FIG. 2 is a flow chart of a method of the present invention;
FIG. 3 is a schematic view of the apparatus of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention more apparent, the embodiments of the present invention are further described in detail below with reference to the accompanying drawings. The exemplary embodiments and descriptions of the present invention are provided to explain the present invention, but not to limit the present invention.
According to the embodiment of the invention, a page display method and a display device are provided.
Application scene overview
Fig. 1 is a schematic view of an application scenario of the present invention. Specifically, the application scenario of the present invention includes application software (hereinafter abbreviated as App) and a mobile terminal, where the mobile terminal may be, for example and without limitation, a mobile electronic device such as a mobile phone, a tablet computer, a personal digital assistant, a vehicle-mounted computer, an electronic book reader, and the like.
It should be understood that the height of the web page is denoted as H, the height of the current screen display is denoted as H2, and the term "scroll height" referred to herein is the distance H1 from the vertex of the current screen to the vertex of the web page.
Example one
FIG. 2 is a flowchart of a page display method according to the present invention. The method comprises the following steps: loading a plurality of lists in a page, and arranging first controls which can be respectively linked to more information corresponding to the lists at first preset positions of the lists; identifying a list currently being browsed and corresponding content; and according to the identified list currently browsed, fixedly setting a second control which can be linked to more information corresponding to the currently browsed list at a second preset position of the screen.
Optionally, identifying the list currently being browsed and the corresponding content comprises: and identifying the list as a currently browsed list according to the position relation between the first control of the currently displayed list and the screen display area.
Optionally, identifying the list currently being browsed and the corresponding content further comprises: acquiring the current screen scrolling height, a first vertical coordinate of a first control of each list and a second vertical coordinate of the bottom of the list; and if the current screen scrolling height is larger than the first vertical coordinate and smaller than the second vertical coordinate, the list is the currently browsed list.
Optionally, the first preset position includes, but is not limited to, the upper right corner of the list.
Optionally, the second predetermined location includes, but is not limited to, a top of the screen.
The present invention will be described in detail with reference to a specific embodiment, however, it should be noted that the specific embodiment is only for better describing the present invention and should not be construed as limiting the present invention.
When a user clicks the mobile phone to execute the App, a plurality of preset lists are loaded on the page according to the content of the page after the App of the mobile phone is opened, then an 'more' control is generated at the upper right corner of each preset list, and the preset name of each module is displayed on the left side of the 'more' control. When a user selects commodities or browses pages on the App, the preset lists are sequentially displayed on the page of the mobile phone according to the list sequence preset by the page according to the upward dragging action of the user.
And identifying the list as the currently browsed list according to the position relation between the first control of the currently browsed list and the screen display area. Specifically, the current screen scroll height H1 is obtained and the vertical coordinate X1 of the "more" control in the upper right corner of each list in the web page and the vertical coordinate X2 at the bottom of the corresponding list are obtained in a loop.
The specific judgment method is as follows:
sequentially acquiring more controls of the positions of the screen which are crossed and reading the vertical coordinates X of the more controls;
the comparison conditions were: the vertical coordinate X1 of the control in the current list is less than the scroll height H1, and the vertical coordinate X2 at the bottom of the list is greater than the scroll height H1:
if the condition is not met and a next list exists, circulating the next list;
if the conditions are met, i.e., the scrolling height H1 is greater than the vertical coordinate X1 of the control in the current list, and the scrolling height H1 is less than the vertical coordinate X2 at the bottom of the list, the index of the "more" control in the current list is recorded as the index of information to be displayed.
Then, a fixed "more" control is generated at the top of the screen, and the title of the fixed "more" control is changed to the title of the record index and the link point.
Finally, the user can jump to the corresponding list page by clicking the more control.
By the page display method provided by the invention, when the mobile equipment selects and purchases commodities or browses pages to enter other lists, the operation of the user is facilitated, and the use experience of the user is effectively improved.
Example two
The present invention also provides a page display apparatus, as shown in fig. 3, the apparatus 3 includes:
the page information module 31 is configured to load a plurality of lists in a page, and first controls that can be respectively linked to more information corresponding to the plurality of lists are respectively arranged at first preset positions of the plurality of lists; a location processing module 32 for identifying a list currently being browsed and corresponding content; and the control generating module 33 is configured to fixedly set, at a second preset position on the screen, a second control that can be linked to more information corresponding to the currently browsed list according to the identified currently browsed list.
Optionally, the position processing module 32 identifies the currently browsed list as a list according to a position relationship between the first control of the currently displayed list and the screen display area.
Optionally, the position processing module 32 further includes: a position calculating module 321, configured to obtain a current screen scrolling height, a first vertical coordinate of the first control of each list, and a second vertical coordinate of the bottom of the list; a position determining module 322, configured to determine that the list is a currently browsed list if the current screen scrolling height is greater than the first vertical coordinate and less than the second vertical coordinate.
Optionally, the first preset position includes, but is not limited to, the upper right corner of the list.
Optionally, the second predetermined location includes, but is not limited to, a top of the screen.
The present invention will be described in detail with reference to a specific embodiment, however, it should be noted that the specific embodiment is only for better describing the present invention and should not be construed as limiting the present invention.
When a user clicks a mobile phone to execute an App, the page information module 31 loads a plurality of preset lists on a page according to page contents after the mobile phone App is opened, then the upper right corner of each preset list generates one more control or button, and the left side of each more control is provided with a preset name for displaying each module. When a user selects commodities or browses pages on the App, the preset lists are sequentially displayed on the page of the mobile phone according to the list sequence preset by the page according to the upward dragging action of the user.
The position processing module 32 identifies the list as the currently browsed list according to the position relationship between the first control of the currently browsed list and the screen display area. Specifically, the current screen scroll height H1 is obtained and the vertical coordinate X1 of the "more" control in the upper right corner of each list in the web page and the vertical coordinate X2 at the bottom of the corresponding list are obtained in a loop.
The specific judgment method is as follows:
sequentially acquiring more controls of the positions of the screen which are crossed and reading the vertical coordinates X of the more controls;
the comparison conditions were: the vertical coordinate X1 of the control in the current list is less than the scroll height H1, and the vertical coordinate X2 at the bottom of the list is greater than the scroll height H1:
if the condition is not met and a next list exists, circulating the next list;
if the conditions are met, i.e., the scrolling height H1 is greater than the vertical coordinate X1 of the control in the current list, and the scrolling height H1 is less than the vertical coordinate X2 at the bottom of the list, the index of the "more" control in the current list is recorded as the index of information to be displayed.
The control generation module 33 then generates a fixed "more" control at the top of the screen, changing the title of the fixed "more" control to the title of the record index and the link pointer.
Finally, the user can jump to the corresponding list page by clicking the more control.
The page display device provided by the invention can facilitate the operation of a user when selecting and purchasing commodities on the mobile equipment or browsing the page and entering other lists, and effectively improve the use experience of the user.
The above-mentioned embodiments are intended to illustrate the objects, technical solutions and advantages of the present invention in further detail, and it should be understood that the above-mentioned embodiments are only exemplary embodiments of the present invention, and are not intended to limit the scope of the present invention, and any modifications, equivalent substitutions, improvements and the like made within the spirit and principle of the present invention should be included in the scope of the present invention.

Claims (8)

1. A page display method, characterized in that the method comprises:
sequentially loading a plurality of lists in a page according to the dragging action of a user, and arranging first controls which can be respectively linked to more information corresponding to the lists at first preset positions of the lists;
acquiring the current screen scrolling height, a first vertical coordinate of a first control corresponding to each list and a second vertical coordinate of the bottom of each list; under the condition that the current screen scrolling height is larger than the first vertical coordinate and smaller than the second vertical coordinate, determining that the list is a currently browsed list;
and fixedly arranging a second control which can be linked to more information corresponding to the currently browsed list at a second preset position of the screen.
2. The method of claim 1, wherein the first predetermined location includes, but is not limited to, an upper right corner of the list.
3. The method of claim 1, wherein the second predetermined location includes but is not limited to a top of the screen.
4. A page display apparatus, characterized in that the apparatus comprises:
the page information module is used for sequentially loading a plurality of lists in a page according to the dragging action of a user, and first controls which can be respectively linked to more information corresponding to the lists are arranged at first preset positions of the lists;
the position processing module is used for acquiring the current screen scrolling height, a first vertical coordinate of a first control corresponding to each list and a second vertical coordinate at the bottom of each list, and confirming that the list is the currently browsed list under the condition that the current screen scrolling height is larger than the first vertical coordinate and smaller than the second vertical coordinate;
and the control generating module is used for fixedly setting a second control which can be linked to more information corresponding to the currently browsed list at a second preset position of the screen.
5. The apparatus of claim 4, wherein the first preset location includes but is not limited to an upper right corner of the list.
6. The apparatus of claim 4, wherein the second predetermined location includes but is not limited to the top of the screen.
7. An electronic device, comprising:
one or more processors;
a storage device for storing one or more programs,
when executed by the one or more processors, cause the one or more processors to implement the method of any one of claims 1-3.
8. A computer-readable medium, on which a computer program is stored, which program, when being executed by a processor, carries out the method according to any one of claims 1 to 3.
CN201511019112.2A 2015-12-31 2015-12-31 Page display method and device Active CN105677749B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201511019112.2A CN105677749B (en) 2015-12-31 2015-12-31 Page display method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201511019112.2A CN105677749B (en) 2015-12-31 2015-12-31 Page display method and device

Publications (2)

Publication Number Publication Date
CN105677749A CN105677749A (en) 2016-06-15
CN105677749B true CN105677749B (en) 2020-02-07

Family

ID=56189804

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201511019112.2A Active CN105677749B (en) 2015-12-31 2015-12-31 Page display method and device

Country Status (1)

Country Link
CN (1) CN105677749B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107807764B (en) * 2017-10-27 2020-10-13 优酷网络技术（北京）有限公司 Page display method and client

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102982069A (en) * 2012-10-25 2013-03-20 北京奇虎科技有限公司 Method and device for recommended data displaying
CN104484088A (en) * 2014-12-02 2015-04-01 百度在线网络技术（北京）有限公司 Search result display method and device

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9405710B2 (en) * 2009-06-30 2016-08-02 Rovi Guides, Inc. Systems and methods for providing interactive media guidance on a wireless communications device
EP3101392B1 (en) * 2013-03-15 2021-12-15 Apple Inc. Mapping application with turn-by-turn navigation mode for output to vehicle display
CN104267871A (en) * 2014-09-10 2015-01-07 百度在线网络技术（北京）有限公司 Method for rendering pages and device thereof

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102982069A (en) * 2012-10-25 2013-03-20 北京奇虎科技有限公司 Method and device for recommended data displaying
CN104484088A (en) * 2014-12-02 2015-04-01 百度在线网络技术（北京）有限公司 Search result display method and device

Also Published As

Publication number Publication date
CN105677749A (en) 2016-06-15

Similar Documents

Publication Publication Date Title
US20220292590A1 (en) Two-dimensional code identification method and device, and mobile terminal
US9304668B2 (en) Method and apparatus for customizing a display screen of a user interface
CN109753326B (en) Processing method, device, equipment and machine readable medium
US9092131B2 (en) Highlighting of tappable web page elements
EP2924593A1 (en) Method and apparatus for constructing documents
CN111259284A (en) Page lazy loading method and device, storage medium and processor
CN107066174A (en) Floating layer display methods, device and user terminal
CN107315595B (en) Desktop layout method and device and user terminal
CN107526592B (en) Page adaptation method and device
CN104166553A (en) Display method and electronic device
US20150286342A1 (en) System and method for displaying application data through tile objects
US20150019341A1 (en) System and method for displaying information on mobile devices
US20160004406A1 (en) Electronic device and method of displaying a screen in the electronic device
CN111680246B (en) Grouping title top-setting method, device and equipment based on recylerview left-right linkage control
CN114357345A (en) Picture processing method and device, electronic equipment and computer readable storage medium
CN111143731B (en) Display method and device for webpage interface zooming and terminal equipment
CN112988006A (en) Display method, display device, electronic equipment and storage medium
CN113741763A (en) Electronic book display method and device and electronic equipment
WO2019085810A1 (en) Processing method, device, apparatus, and machine-readable medium
CN109933258A (en) Information display method, device, electronic equipment and readable storage medium storing program for executing
EP3043251A1 (en) Method of displaying content and electronic device implementing same
CN105677749B (en) Page display method and device
CN105988703A (en) Business object display method and apparatus
CN113722630B (en) Method and equipment for presenting resource data in web page based on client rendering
CN107862728B (en) Picture label adding method and device and computer readable storage medium

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant