CN105677749A - Page display method and apparatus - Google Patents

Page display method and apparatus Download PDF

Info

Publication number
CN105677749A
CN105677749A CN201511019112.2A CN201511019112A CN105677749A CN 105677749 A CN105677749 A CN 105677749A CN 201511019112 A CN201511019112 A CN 201511019112A CN 105677749 A CN105677749 A CN 105677749A
Authority
CN
China
Prior art keywords
list
control
vertical coordinate
currently browsed
screen
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.)
Granted
Application number
CN201511019112.2A
Other languages
Chinese (zh)
Other versions
CN105677749B (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

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning
    • G06F3/04855Interaction with scrollbars

Abstract

The invention provides a page display method and an apparatus. The method comprises: loading a plurality of lists in a page, arranging a plurality of a first control piece which are separately linked to the plurality of lists and correspond to more information to a first preset position of the plurality of lists; identifying the list which is currently browsed and corresponding content; and based on the identified list which is currently browsed, arranging securedly a second control piece which can be linked to the list which is currently browsed and corresponds to more information at a second preset position of a screen. The method and apparatus of the invention facilitate users operation when users go shopping or browse pages and enter other list on a mobile device, which effectively improves user experience.

Description

A kind of page display method and device
Technical field
The present invention relates to moving communicating field, be specifically related to a kind of page display method and device.
Background technology
When generally browsing webpage or shopping on the App of mobile equipment, webpage needs to show different types of items list or news list. Owing to being subject to the restriction of mobile device display area, software developer in the multiple list of page presentation, can thus cause that each list all cannot show the particular content of each list completely. In the prior art, developer can be linked to, at the control of each list interpolation one " more " or button, the page showing each list particular content completely.
In view of above-mentioned display mode, when user is when browsing webpage or shopping, whenever the bottom browsing the current list, needing the top that the more particular contents checking the current list need to return the current list could click " more " control, this mode of operation can produce the Consumer's Experience that operation is inconvenient and poor in the process browsed for a long time.
Summary of the invention
In view of the foregoing, the present invention provides a kind of page display method and device, to solve to be not easy to when user's browsing pages on the mobile apparatus enters other lists the operational issue of browsing pages.
The technical scheme is that a kind of page display method of offer, the method includes: load multiple list in the page, and is provided with, at the first predeterminated position of multiple lists, the first control that can link to more information corresponding to multiple lists respectively; Identify the list and corresponding content that are currently browsing; According to the current list browsed identified, the second predeterminated position at screen is fixedly installed the second control that can link to the corresponding more information of the list currently browsed with this.
Alternatively, identify that the list currently browsed and corresponding content include: the position relationship according to this first control of currently displaying list Yu on-screen display (osd) area, this list is identified as the list currently browsed.
Alternatively, identify that the list currently browsed and corresponding content also include: obtain the first vertical coordinate of the first control of current screen rolling height, each list and the second vertical coordinate of the bottom of this list; If this current screen rolls height more than this first vertical coordinate and less than this second vertical coordinate, then this list is the list currently browsed.
Alternatively, this first predeterminated position includes but not limited to the upper right corner of this list.
Alternatively, this second predeterminated position includes but not limited to the top of this screen.
The present invention also provides for a kind of page display device, this device includes: page info module, for loading multiple list in the page, and it is provided with, at the first predeterminated position of multiple lists, the first control that more information corresponding to multiple lists can be linked to respectively; Position processing module, for identifying the list and corresponding content currently browsed; Control generation module, for according to the current list browsed identified, the second predeterminated position at screen is fixedly installed the second control that can link to the corresponding more information of the list currently browsed with this.
Alternatively, this position processing module, the position relationship according to this first control of currently displaying list Yu on-screen display (osd) area, this list is identified as the list currently browsed.
Alternatively, this position processing module also includes: position computation module, is used for obtaining the second vertical coordinate of the bottom of the first vertical coordinate of described first control of current screen rolling height, each list and this list; Position judging module, if rolling height more than this first vertical coordinate and less than this second vertical coordinate for this current screen, then this list is the list currently browsed.
Alternatively, this first predeterminated position includes but not limited to the upper right corner of this list.
Alternatively, this second predeterminated position includes but not limited to the top of this screen.
By page display method provided by the invention and device can the free choice of goods or browsing pages enter other lists on the mobile apparatus time, user friendly operation, be effectively improved the experience of user.
Accompanying drawing explanation
In order to be illustrated more clearly that the technical scheme in the embodiment of the present invention, below the accompanying drawing used required during embodiment is described is briefly described, apparently, accompanying drawing in the following describes is only some embodiments of the present invention, for those of ordinary skill in the art, under the premise not paying creative work, it is also possible to obtain other accompanying drawing according to these accompanying drawings. In the accompanying drawings:
Fig. 1 is the application scenarios schematic diagram of the present invention;
Fig. 2 is the method flow diagram of the present invention;
Fig. 3 is assembly of the invention schematic diagram.
Detailed description of the invention
For making the purpose of the embodiment of the present invention, technical scheme and advantage clearly understand, below in conjunction with accompanying drawing, the embodiment of the present invention is described in further details. At this, the schematic description and description of the present invention is used for explaining the present invention, but not as a limitation of the invention.
According to the embodiment of the present invention, it is proposed that a kind of page display method and display device.
Application scenarios overview
Fig. 1 is the application scenarios schematic diagram of the present invention. Specifically, the application scenarios of the present invention includes application software (hereinafter referred to as App) and mobile terminal, wherein, mobile terminal such as can be, but not limited to the mobile electronic devices such as mobile phone, panel computer, personal digital assistant, vehicle-mounted computer, E-book reader.
It is to be appreciated that the height of Webpage is designated as H, the height that current screen shows is designated as H2, and in this article, involved term " rolling height " is the distance H1 between summit to the Webpage summit of current screen.
Embodiment one
Fig. 2 is the page display method flow chart of the present invention. The method includes: load multiple list in the page, and is provided with, at the first predeterminated position of multiple lists, the first control that can link to more information corresponding to multiple lists respectively;Identify the list and corresponding content that are currently browsing; According to the current list browsed identified, the second predeterminated position at screen is fixedly installed the second control that can link to the corresponding more information of the list currently browsed with this.
Alternatively, identify that the list currently browsed and corresponding content include: the position relationship according to this first control of currently displaying list Yu on-screen display (osd) area, this list is identified as the list currently browsed.
Alternatively, identify that the list currently browsed and corresponding content also include: obtain the first vertical coordinate of the first control of current screen rolling height, each list and the second vertical coordinate of the bottom of this list; If this current screen rolls height more than this first vertical coordinate and less than this second vertical coordinate, then this list is the list currently browsed.
Alternatively, this first predeterminated position includes but not limited to the upper right corner of this list.
Alternatively, this second predeterminated position includes but not limited to the top of this screen.
Below in conjunction with a specific embodiment, the present invention is specifically described, however, it should be noted that this specific embodiment is merely to describe the present invention better, is not intended that inappropriate limitation of the present invention.
Time user clicks mobile phone execution App, multiple the presets list can be loaded on the page according to content of pages after opening mobile phone A pp, then the upper right corner of each the presets list generates " more " control, arranges the preset name showing each module in the left side of " more " control simultaneously. When the user free choice of goods or browsing pages on App, the upwards drag action according to user, the mobile phone page can show these the presets lists successively according to the tab sequential that the page pre-sets.
This first control according to this list currently browsed and the position relationship of on-screen display (osd) area, identify that this list is the list currently browsed. Specifically, obtain current screen and roll height H1 and circulation obtains the vertical coordinate X2 bottom the vertical coordinate X1 of each the list upper right corner " more " control in Webpage and corresponding lists.
Concrete determination methods is as follows:
Obtain " more " control of the screen position having passed over successively and read the vertical coordinate X of these " more " controls;
Comparison condition is: in the current list, the vertical coordinate X1 of control is less than rolling height H1, and the vertical coordinate X2 bottom this list is more than rolling height H1:
If ineligible and have a next list, the next list of circulation;
If eligible, namely roll height H1 more than the vertical coordinate X1 of control in the current list, and roll height H1 less than vertical coordinate X2 bottom list, then in record the current list, the index of " more " control is information index to be shown.
Then, generating fixing " more " control at the top of screen, the title that title is recording indexes and the link of changing this fixing " more " control are pointed to.
Finally, user can by clicking and should jump to corresponding original list by " more " control.
By page display method provided by the invention can the free choice of goods or browsing pages enter other lists on the mobile apparatus time, user friendly operation, be effectively improved the experience of user.
Embodiment two
The present invention also provides for a kind of page display device, as it is shown on figure 3, this device 3 includes:
Page info module 31, for loading multiple list in the page, and is provided with, at the first predeterminated position of multiple lists, the first control that can link to more information corresponding to multiple lists respectively;Position processing module 32, for identifying the list and corresponding content currently browsed; Control generation module 33, for according to the current list browsed identified, the second predeterminated position at screen is fixedly installed the second control that can link to the corresponding more information of the list currently browsed with this.
Alternatively, this position processing module 32, the position relationship according to this first control of currently displaying list Yu on-screen display (osd) area, this list is identified as the list currently browsed.
Alternatively, this position processing module 32 also includes: position computation module 321, is used for obtaining the second vertical coordinate of the bottom of the first vertical coordinate of described first control of current screen rolling height, each list and this list; Position judging module 322, if rolling height more than this first vertical coordinate and less than this second vertical coordinate for this current screen, then this list is the list currently browsed.
Alternatively, this first predeterminated position includes but not limited to the upper right corner of this list.
Alternatively, this second predeterminated position includes but not limited to the top of this screen.
Below in conjunction with a specific embodiment, the present invention is specifically described, however, it should be noted that this specific embodiment is merely to describe the present invention better, is not intended that inappropriate limitation of the present invention.
Time user clicks mobile phone execution App, page info module 31 can load multiple the presets list according to content of pages after opening mobile phone A pp on the page, then the upper right corner of each the presets list generates " more " control or button, arranges the preset name showing each module in the left side of " more " control simultaneously. When the user free choice of goods or browsing pages on App, the upwards drag action according to user, the mobile phone page can show these the presets lists successively according to the tab sequential that the page pre-sets.
Position processing module 32 this first control according to this list currently browsed and the position relationship of on-screen display (osd) area, identify that this list is the list currently browsed. Specifically, obtain current screen and roll height H1 and circulation obtains the vertical coordinate X2 bottom the vertical coordinate X1 of each the list upper right corner " more " control in Webpage and corresponding lists.
Concrete determination methods is as follows:
Obtain " more " control of the screen position having passed over successively and read the vertical coordinate X of these " more " controls;
Comparison condition is: in the current list, the vertical coordinate X1 of control is less than rolling height H1, and the vertical coordinate X2 bottom this list is more than rolling height H1:
If ineligible and have a next list, the next list of circulation;
If eligible, namely roll height H1 more than the vertical coordinate X1 of control in the current list, and roll height H1 less than vertical coordinate X2 bottom list, then in record the current list, the index of " more " control is information index to be shown.
Then, control generation module 33 generates fixing " more " control at the top of screen, and the title that title is recording indexes and the link of changing this fixing " more " control are pointed to.
Finally, user can by clicking and should jump to corresponding original list by " more " control.
By page display device provided by the invention can the free choice of goods or browsing pages enter other lists on the mobile apparatus time, user friendly operation, be effectively improved the experience of user.
Particular embodiments described above; the purpose of the present invention, technical scheme and beneficial effect have been further described; it is it should be understood that; the foregoing is only specific embodiments of the invention; the protection domain being not intended to limit the present invention; all within the spirit and principles in the present invention, any amendment of making, equivalent replacement, improvement etc., should be included within protection scope of the present invention.

Claims (10)

1. a page display method, it is characterised in that described method includes:
The page loads multiple list, and is provided with, at the first predeterminated position of multiple described lists, the first control that more information corresponding to the plurality of list can be linked to respectively;
Identify the list and corresponding content that are currently browsing;
According to the described list currently browsed identified, the second predeterminated position at screen is fixedly installed the second control that can link to more information corresponding to the described list currently browsed.
2. method according to claim 1, it is characterised in that identify that the list currently browsed and corresponding content include:
Described first control according to currently displaying list and the position relationship of on-screen display (osd) area, identify whether described list is the list currently browsed.
3. method according to claim 2, it is characterised in that identify that the list currently browsed and corresponding content also include:
Obtain the first vertical coordinate of described first control of current screen rolling height, each described list and the second vertical coordinate of the bottom of described list;
If described current screen rolls height more than described first vertical coordinate and less than described second vertical coordinate, then described list is the list currently browsed.
4. method according to claim 1, it is characterised in that described first predeterminated position includes but not limited to the upper right corner of described list.
5. method according to claim 1, it is characterised in that described second predeterminated position includes but not limited to the top of described screen.
6. a page display device, it is characterised in that described device includes:
Page info module, for loading multiple list in the page, and is provided with, at the first predeterminated position of multiple described lists, the first control that can link to more information corresponding to the plurality of list respectively;
Position processing module, for identifying the list and corresponding content currently browsed;
Control generation module, for according to the described list currently browsed identified, the second predeterminated position at screen is fixedly installed the second control that can link to more information corresponding to the described list currently browsed.
7. device according to claim 6, it is characterised in that described position processing module, the position relationship according to described first control of currently displaying list Yu on-screen display (osd) area, identify whether described list is the list currently browsed.
8. device according to claim 7, it is characterised in that described position processing module also includes:
Position computation module, is used for obtaining the second vertical coordinate of the bottom of the first vertical coordinate of described first control of current screen rolling height, each described list and described list;
Position judging module, if rolling height more than described first vertical coordinate and less than described second vertical coordinate for described current screen, then described list is the list currently browsed.
9. device according to claim 6, it is characterised in that described first predeterminated position includes but not limited to the upper right corner of described list.
10. device according to claim 6, it is characterised in that described second predeterminated position includes but not limited to the top of described screen.
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 true CN105677749A (en) 2016-06-15
CN105677749B 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)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107807764A (en) * 2017-10-27 2018-03-16 优酷网络技术(北京)有限公司 A kind of page display method and client

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100333032A1 (en) * 2009-06-30 2010-12-30 Rovi Technologies Corporation Systems and methods for providing interactive media guidance on a wireless communications device
CN102982069A (en) * 2012-10-25 2013-03-20 北京奇虎科技有限公司 Method and device for recommended data displaying
CN104267871A (en) * 2014-09-10 2015-01-07 百度在线网络技术(北京)有限公司 Method for rendering pages and device thereof
CN104484088A (en) * 2014-12-02 2015-04-01 百度在线网络技术(北京)有限公司 Search result display method and device
CN105191387A (en) * 2013-03-15 2015-12-23 苹果公司 Mapping application with turn-by-turn navigation mode for output to vehicle display

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100333032A1 (en) * 2009-06-30 2010-12-30 Rovi Technologies Corporation Systems and methods for providing interactive media guidance on a wireless communications device
CN102982069A (en) * 2012-10-25 2013-03-20 北京奇虎科技有限公司 Method and device for recommended data displaying
CN105191387A (en) * 2013-03-15 2015-12-23 苹果公司 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
CN104484088A (en) * 2014-12-02 2015-04-01 百度在线网络技术(北京)有限公司 Search result display method and device

Cited By (2)

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

Also Published As

Publication number Publication date
CN105677749B (en) 2020-02-07

Similar Documents

Publication Publication Date Title
US9672539B2 (en) Advertisement generation apparatus and terminal device
CN109388463B (en) Split screen display method of tablet personal computer application software, storage medium and tablet personal computer
CN109508128B (en) Search control display method, device and equipment and computer readable storage medium
US11720235B2 (en) Method and apparatus for browsing table in document, and electronic device and storage medium
CN102915176A (en) Method and device for split-screen display
CN107066174A (en) Floating layer display methods, device and user terminal
CN109408752A (en) Online document methods of exhibiting, device and electronic equipment
CN103577176A (en) Method for realizing independent video play and mobile terminal device for realizing the method
CN103870134A (en) Information browsing method and device
CN105094841A (en) Page commenting method and device
US20150019341A1 (en) System and method for displaying information on mobile devices
CN108021666A (en) Page adaptation method and apparatus
CN105808307B (en) Page display method and device
CN112988006A (en) Display method, display device, electronic equipment and storage medium
CN105183291A (en) Method and system for extracting information in display interface
US9524073B1 (en) Triggering action on a web page
US20140082527A1 (en) Method and device for processing tabbed-page
CN115357156A (en) Display method, display device, electronic equipment and readable storage medium
US8756494B2 (en) Methods and systems for designing documents with inline scrollable elements
WO2016155518A1 (en) Interface interaction method and device
CN109992580A (en) Processing method and processing device, storage medium, the computer equipment of table data
CN105988703A (en) Business object display method and apparatus
CN104216944A (en) Webpage content display method and webpage content display device
CN105630893A (en) Display method and device of photo title
CN105677749A (en) Page display method and apparatus

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