WO2014058137A1 - 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법 - Google Patents

웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법 Download PDF

Info

Publication number
WO2014058137A1
WO2014058137A1 PCT/KR2013/006434 KR2013006434W WO2014058137A1 WO 2014058137 A1 WO2014058137 A1 WO 2014058137A1 KR 2013006434 W KR2013006434 W KR 2013006434W WO 2014058137 A1 WO2014058137 A1 WO 2014058137A1
Authority
WO
WIPO (PCT)
Prior art keywords
touch
scroll
movement
web page
calculated
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.)
Ceased
Application number
PCT/KR2013/006434
Other languages
English (en)
French (fr)
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.)
SK Planet Co Ltd
Original Assignee
SK Planet 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 SK Planet Co Ltd filed Critical SK Planet Co Ltd
Priority to JP2014540985A priority Critical patent/JP5740060B2/ja
Priority to CN201380001488.3A priority patent/CN103874971B/zh
Priority to US14/116,536 priority patent/US9959029B2/en
Publication of WO2014058137A1 publication Critical patent/WO2014058137A1/ko
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0412—Digitisers structurally integrated in a display
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416—Control or interface arrangements specially adapted for digitisers
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/34—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/14—Solving problems related to the presentation of information to be displayed
    • G09G2340/145—Solving problems related to the presentation of information to be displayed related to small screens
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00—Aspects of interface with display user

Definitions

  • scrolling is performed using a scrolltop property of a web page so that a user can feel as if the actual individual content area is scrolled by adjusting a scrolltop value.
  • a mobile terminal that provides a wireless Internet service that is, a user terminal includes a wireless web browser so that a user can view a web page.
  • the wireless web browser or the web application allows the user to select and view a content area of interest from the entire content area through scrolling.
  • some terminals support scrolling of divs (ie, individual content areas) in a mobile web page, but some terminals do not support div scrolling.
  • some terminals do not support div scrolling.
  • the dive scrolling is supported, if the developer arbitrarily sets the touch start event as the default, the function for scrolling the div cannot be used.
  • An object of the present invention for solving the above problems, when a portion of the individual content area is displayed on the screen in the user terminal, if the movement of the touched state is detected, calculates the amount of change in touch coordinates according to the movement of the detected touch state
  • the scroll direction is determined according to the calculated touch coordinate change amount, the scroll length corresponding to the touch coordinate change according to the movement of the detected touch state is calculated, and the scrolltop value of the individual content area is equal to the calculated scroll length.
  • the present invention provides a system and method for performing scrolling using a scrolltop property of a web page that allows a user to feel as if the actual individual content area is scrolled.
  • a user terminal for displaying a portion of the individual content area on the web page, and detects the movement of the touched state with respect to the displayed screen, the individual content area in the user terminal
  • the touch coordinate change amount is calculated according to the movement of the detected touch state
  • the scroll direction is determined according to the calculated touch coordinate change amount, and the detected touch state.
  • the individual content areas are divided into divs in the entire web page, and are characterized in that they include a portion displayed on the user terminal and a portion not displayed.
  • the web page providing server is configured to scroll down if the amount of change in the Y coordinate value of the coordinate change calculated according to the movement of the touch state is positive, and determines the scroll direction to perform scrolling upward if negative. It is characterized by.
  • a detection signal receiver for calculating a change in touch coordinates according to the movement of the detected touch state
  • a scroll direction determination unit for determining a scroll direction according to the calculated touch coordinate change amount
  • a change in touch coordinates according to the movement of the detected touch state is provided.
  • the individual content areas are divided into divs in the entire web page, and are characterized in that they include a portion displayed on the user terminal and a portion not displayed.
  • the scroll direction determiner determines that the scroll direction is to be scrolled downward when the change in the Y coordinate value of the coordinate change calculated according to the movement of the touch state is positive, and scrolls upward when negative. It features.
  • the step of displaying a portion of the individual content area in the user terminal on the screen, the touch movement detection signal as the movement of the state touched on the screen displayed on the user terminal is detected Transmitting to the web page providing server, when the touch movement detecting signal is received by the web page providing server, calculating a change in touch coordinates according to the movement of the touch state based on the touch movement detecting signal, and according to the calculated amount of change in touch coordinates.
  • Determining a scroll direction calculating a scroll length corresponding to a change in touch coordinates according to a movement of a touch state based on a touch movement detection signal at a web page providing server, and individual content by the scroll length calculated at the web page providing server Adjusting the scrollTop value of the region.
  • a scrolling method using a scrolltop property of a web page is provided.
  • the individual content areas are divided into divs in the entire web page, and are characterized in that they include a portion displayed on the user terminal and a portion not displayed.
  • a portion of an individual content area in the user terminal is displayed on the screen
  • receiving a touch movement detection signal calculating a change in touch coordinates according to the movement of the touch state based on the touch movement detection signal, the calculated amount of change in touch coordinates Determining a scroll direction according to the scroll direction, calculating a scroll length corresponding to a change in touch coordinates according to the movement of the touch state based on the touch movement detection signal, and a scrolltop value of each content area by the calculated scroll length.
  • the scroll direction determining step if the change amount of the Y coordinate value of the coordinate change amount calculated based on the touch movement detection signal is positive, scrolling is performed downward, and if it is negative, the scroll direction is determined to scroll upward. Characterized in that.
  • the touch coordinate change amount is calculated according to the movement of the detected touch state, and the calculated touch coordinates are calculated.
  • the scroll function can be performed.
  • FIG. 1 is a configuration diagram of a scroll performing system using a scrolltop attribute of a web page according to an embodiment of the present invention
  • FIG. 2 is an internal configuration diagram of a web page providing server according to an embodiment of the present invention.
  • FIG. 3 is an internal configuration diagram of a user terminal according to an embodiment of the present invention.
  • FIG. 5 is a flowchart of a screen displaying a part of individual content areas according to an embodiment of the present invention.
  • FIG. 6 is a flowchart illustrating a scrolling method using a scrolltop attribute of a web page according to an exemplary embodiment of the present invention.
  • FIG. 1 is a block diagram of a scroll performing system using a scrolltop attribute of a web page according to an embodiment of the present invention.
  • a scroll performing system using a scroll top attribute of a web page may include a user terminal 100 and a web page providing server 200.
  • the user terminal 100 interlocks with the web page providing server 200 to display a portion of an individual content area, that is, a div, on a screen in a web page, and touches the displayed screen according to a user's manipulation.
  • the information may be transmitted to the web page providing server 200.
  • the web page providing server 200 calculates a change amount of touch coordinates according to the movement of the detected touch state when a movement of the touched state is detected.
  • the scroll direction is determined according to the calculated touch coordinate change amount, and the scroll length corresponding to the touch coordinate change according to the movement of the detected touch state is calculated to adjust the scrolltop value of the individual content area by the calculated scroll length.
  • the individual content areas may be divided into divs in the entire web page, and may include portions displayed on the user terminal and portions not displayed.
  • the web page providing server 200 scrolls downward when the amount of change of the y (y) coordinate value of the coordinate change calculated according to the movement of the touch state is positive (+), and when it is negative (-),
  • the scroll direction can be determined to perform scrolling in the direction.
  • FIG. 2 is a diagram illustrating an internal configuration of a web page providing server according to an exemplary embodiment of the present invention.
  • the web page providing server 200 may include a touch movement detection signal receiver 202, a scroll direction determiner 204, a scroll length calculator 206, and a scroll top controller 208. It may include.
  • the touch movement detection signal receiving unit 202 may receive a touch movement detection signal according to the movement detection of the state touched on the displayed screen.
  • the individual content areas may be divided into divs in the entire web page, and may include portions displayed on the user terminal and portions not displayed.
  • the scroll direction determiner 204 may calculate a change in touch coordinates according to the movement of the detected touch state, and determine the scroll direction according to the calculated touch coordinate change. At this time, the scroll direction determiner 204 scrolls downward when the variation of the Y coordinate value of the coordinate change calculated according to the movement of the touch is positive, and scrolls upward when negative. Can be determined.
  • the scroll length calculator 206 may calculate a scroll length corresponding to a change in touch coordinates according to the movement of the detected touch state.
  • the scrolltop controller 208 may adjust the scrolltop value of the individual content area by the calculated scroll length.
  • the div can be scrolled so that all contents of the part that the user cannot see are seen.
  • FIG. 3 is a diagram illustrating an internal configuration of a user terminal according to an exemplary embodiment of the present invention
  • FIG. 4 is a diagram illustrating an individual content area according to an exemplary embodiment of the present invention.
  • a user terminal includes a communication unit 302, an operation unit 304, a display unit 306, an audio output unit 308, a storage unit 310, and a control unit 300. can do.
  • the communication unit 302 may include a mobile communication module, a wireless internet module, a short-range communication module, etc.
  • the mobile communication module transmits and receives a wireless signal of a base station on a mobile communication network
  • the wireless internet module is a module for wireless internet access.
  • the short range communication module is a module for short range communication. In this case, the communication unit 302 may interwork with the web page providing server 200 through the wireless Internet module.
  • the operation unit 304 generates input data according to an operation for controlling the operation of the user.
  • the operation unit may be composed of a keypad, a dome switch, a touch pad, and the like.
  • the touch pad may be implemented as a touch screen having a mutual layer structure with the display unit.
  • the display unit 306 may display and output information processed by the user terminal on a screen, and may further include a touch sensing module to receive an operation signal according to a user's manipulation. That is, the display unit 306 may display a part of the individual content area on the screen on the web page, and sense the movement of the touched state according to the user's manipulation of the displayed screen.
  • the sound output unit 308 may output a voice signal received through the communication unit or audio data stored in the storage unit in a call mode or the like.
  • the storage unit 310 may store a program for processing and controlling the control unit 300, and may temporarily store input or output data.
  • the controller 300 typically controls the operation of each terminal to control the overall operation of the user terminal.
  • the controller 300 may transmit the corresponding information to the web page providing server when a movement of the touched state is detected according to a user's operation on the displayed screen. have.
  • the individual content area 400 includes areas 404 and 406 that are not displayed on the screen but are actually displayed on the screen. can do.
  • FIG. 5 is a flowchart illustrating a screen in which a part of individual content areas is displayed according to an exemplary embodiment of the present invention.
  • the individual content area 500 includes the contents of test1 to test8, and the first web page screen 502 displayed on the user terminal includes the contents of test3 to test5. can do.
  • the touch coordinate change amount is calculated according to the movement of the detected touch state, and the scroll direction is determined according to the calculated touch coordinate change amount, and the detected touch state.
  • the scroll length corresponding to the change of the touch coordinates according to the movement of is calculated, and the scrollTop value of the individual content area may be adjusted by the calculated scroll length.
  • FIG. 6 is a flowchart illustrating a scrolling method using a scrolltop attribute of a web page according to an exemplary embodiment of the present invention.
  • a part of an individual content area is displayed on a screen in a user terminal according to the present invention (S602), and a touch movement detection signal is displayed on the displayed screen as a movement of a touched state according to a user's operation is detected.
  • the server transmits to the page providing server (S604).
  • the individual content areas may be divided into divs in the entire web page, and may include portions displayed on the user terminal and portions not displayed.
  • the touch coordinate change amount is calculated according to the movement of the touch state based on the touch movement detection signal, and the scroll direction is determined according to the calculated touch coordinate change amount (S606).
  • the web page providing server determines that the scroll direction is to be scrolled downward when the change in the Y coordinate value of the coordinate change calculated based on the touch movement detection signal is positive, and scrolls upward when negative. Can be.
  • the web page providing server calculates a scroll length corresponding to the change of the touch coordinate according to the movement of the touch state based on the touch movement detection signal (S608), and scrolls the individual content area by the scroll length calculated by the web page providing server. To adjust the scrollTop value (S610).
  • a method of scrolling using a scroll top attribute of a web page in a web page providing server, when a portion of an individual content area is displayed on a screen on a user terminal, Receiving a touch movement detection signal when the movement of the touched state is detected, Computing a change amount of the touch coordinates according to the movement of the touch state based on the touch movement detection signal, Determine the scroll direction according to the calculated touch coordinate change amount Calculating a scroll length corresponding to a change in touch coordinates according to the movement of a touch state based on the touch movement detection signal, and adjusting a scrollTop value of an individual content area by the calculated scroll length.
  • a touch movement detection signal as the movement of the state touched on the displayed screen
  • touch movement detection Calculating a touch coordinate change amount according to the movement of the touch state based on the signal, determining a scroll direction according to the calculated touch coordinate change amount, and corresponding to the touch coordinate change according to the movement of the touch state based on the touch movement detection signal
  • a method of performing scrolling using a scrolltop property of a webpage in a webpage providing server the method comprising calculating a scroll length, and adjusting a scrollTop value of an individual content area by the calculated scroll length. It can be recorded and recorded on a recording medium readable by the electronic device.
  • a scroll performing method using a scroll top attribute of a web page may be written by a program, and codes and code segments constituting the program may be easily inferred by a programmer in the art.
  • a program related to a scroll performing method using a scroll top attribute of a web page in a web page providing server may be stored in a readable media that can be read by the electronic device, and read and executed by the electronic device.
  • the present invention when a part of an individual content area is displayed on a screen in a user terminal, when a movement of a touched state is detected, a touch coordinate change amount is calculated according to the movement of the detected touch state, and the calculated touch coordinate change amount is calculated.
  • the scroll direction is determined according to the scroll direction, and the scroll length corresponding to the change of the touch coordinates according to the movement of the detected touch state is calculated to adjust the scrolltop value of the individual content area by the calculated scroll length, thereby realizing individual content.
  • the present invention can be used to provide a system and a method for performing scrolling using a scrolltop property of a web page to make a user feel as if an area is scrolled.

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)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)

Description

웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법
본 발명은 사용자 단말이 웹 페이지에서 개별 컨텐츠 영역의 일부를 화면에 표시한 경우에도 스크롤탑 값을 조절하여 실제 개별 컨텐츠 영역이 스크롤되는 것처럼 사용자가 느낄 수 있도록 하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법에 관한 것이다.
무선인터넷 서비스를 제공하는 모바일 단말 즉, 사용자 단말은 무선 웹 브라우저(web browser)를 탑재하여 사용자가 웹 페이지를 볼 수 있도록 한다. 또한, 모바일 단말의 크기 제약에 따라 무선 웹 브라우저나 웹 애플리케이션에서는 스크롤을 통해 컨텐츠 전체 영역 중 사용자가 관심이 있는 컨텐츠 영역을 선택하여 볼 수 있도록 한다.
한편, 일부 단말에서는 모바일 웹 페이지에서 디브(div)(즉, 개별 컨텐츠 영역) 스크롤이 지원되고 있지만 디브(div) 스크롤이 지원되지 않는 단말도 있다. 또한, 디브 스크롤이 지원되는 경우에도 개발자가 터치 스타트(touch start) 이벤트를 임의로 프리벤트디폴트(preventDefault)로 한다면 디브(div)를 스크롤(scroll)할 수 있는 기능까지 사용할 수 없게 된다.
따라서, 어떤 단말에서든 디브(div) 스크롤(scroll) 기능을 사용할 수 있도록 할 필요가 있다. 즉, 디브(div)를 스크롤(scroll)하기 위해 오버플로우(overflow) 속성을 사용하지 않고, 사용자에 의한 터치 이벤트를 받아 디브(div)의 스크롤탑(scrollTop) 값을 조절하여 실제 디브(div)가 스크롤 되는 듯한 효과를 발생시킬 수 있는 서비스를 제공할 필요가 있다.
상술한 과제를 해결하기 위한 본 발명의 목적은, 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 터치된 상태의 이동이 감지되면, 감지된 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하고, 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하여, 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 함으로써, 실제 개별 컨텐츠 영역이 스크롤되는 것처럼 사용자가 느낄 수 있도록 하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법을 제공하는 데에 있다.
상술한 과제를 해결하기 위한 본 발명의 일 측면에 따르면, 웹 페이지에서 개별 컨텐츠 영역의 일부를 화면에 표시하고, 표시된 화면에 대한 터치된 상태의 이동을 감지하는 사용자 단말 및 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 터치된 상태의 이동이 감지되면, 감지된 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하고, 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하여, 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 웹 페이지 제공 서버를 포함하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템이 제공된다.
이때, 개별 컨텐츠 영역은 전체 웹 페이지에서 디브(div)로 각각 구별되며, 사용자 단말에 표시되는 부분과 표시되지 않는 부분을 포함하는 것을 특징으로 한다.
또한, 웹 페이지 제공 서버는 터치 상태의 이동에 따라 산출된 좌표 변화량 중 와이 좌표값의 변화량이 플러스이면 아래 방향으로 스크롤을 수행하도록 하고, 마이너스이면 위 방향으로의 스크롤을 수행하도록 스크롤 방향을 결정하는 것을 특징으로 한다.
상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 표시된 화면에 터치된 상태의 이동 감지에 따른 터치 이동 감지 신호를 수신하는 터치 이동 감지 신호 수신부, 감지된 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 스크롤 방향 결정부, 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 스크롤 길이 계산부 및 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 스크롤탑 조절부를 포함하는 웹 페이지 제공 서버가 제공된다.
이때, 개별 컨텐츠 영역은 전체 웹 페이지에서 디브(div)로 각각 구별되며, 사용자 단말에 표시되는 부분과 표시되지 않는 부분을 포함하는 것을 특징으로 한다.
또한, 스크롤 방향 결정부는 터치 상태의 이동에 따라 산출된 좌표 변화량 중 와이 좌표값의 변화량이 플러스이면 아래 방향으로 스크롤을 수행하도록 하고, 마이너스이면 위 방향으로의 스크롤을 수행하도록 스크롤 방향을 결정하는 것을 특징으로 한다.
상술한 과제를 해결하기 위한 본 발명의 또 다른 측면에 따르면, 사용자 단말에서 개별 컨텐츠 영역의 일부를 화면에 표시하는 단계, 사용자 단말에서 표시된 화면에 터치된 상태의 이동이 감지됨에 따라 터치 이동 감지 신호를 웹 페이지 제공 서버로 전송하는 단계, 웹 페이지 제공 서버에서 터치 이동 감지 신호를 수신하면, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 단계, 웹 페이지 제공 서버에서 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 단계 및 웹 페이지 제공 서버에서 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 단계를 포함하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법이 제공된다.
이때, 개별 컨텐츠 영역은 전체 웹 페이지에서 디브(div)로 각각 구별되며, 사용자 단말에 표시되는 부분과 표시되지 않는 부분을 포함하는 것을 특징으로 한다.
상술한 과제를 해결하기 위한 본 발명의 또 다른 측면에 따르면, 웹 페이지 제공 서버에서 웹 페이지의 스크롤탑 속성을 이용하여 스크롤을 수행하는 방법에 있어서, 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 표시된 화면에 터치된 상태의 이동이 감지됨에 따라 터치 이동 감지 신호를 수신하는 단계, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하는 단계, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 단계, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 단계 및 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 단계를 포함하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법이 제공된다.
이때, 스크롤 방향 결정 단계는 터치 이동 감지 신호에 근거하여 산출된 좌표 변화량 중 와이 좌표값의 변화량이 플러스이면 아래 방향으로 스크롤을 수행하도록 하고, 마이너스이면 위 방향으로의 스크롤을 수행하도록 스크롤 방향을 결정하는 것을 특징으로 한다.
상술한 과제를 해결하기 위한 본 발명의 또 다른 측면에 따르면, 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 표시된 화면에 터치된 상태의 이동이 감지됨에 따라 터치 이동 감지 신호를 수신하는 단계, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하는 단계, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 단계, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 단계 및 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 단계를 포함하는 웹 페이지 제공 서버에서 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.
상술한 바와 같이 본 발명은 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 터치된 상태의 이동이 감지되면, 감지된 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하고, 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하여, 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 함으로써, 실제 개별 컨텐츠 영역이 스크롤되는 것처럼 사용자가 느낄 수 있도록 하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법을 제공할 수 있다.
또한, 개별 컨텐츠 영역(즉, 디브(div)) 스크롤이 지원되지 않던 단말을 비롯한 모든 사용자 단말에서 개별 컨텐츠 영역을 스크롤할 수 있도록 하며, 터치 스타트(touch start) 이벤트를 프리벤트디폴트(preventDefault)로 한 경우에도 스크롤 기능을 수행할 수 있다.
도 1은 본 발명의 실시예에 따른 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템의 구성도,
도 2는 본 발명의 실시예에 따른 웹 페이지 제공 서버의 내부 구성도,
도 3은 본 발명의 실시예에 따른 사용자 단말의 내부 구성도,
도 4는 본 발명의 실시예에 따른 개별 컨텐츠 영역을 나타낸 도면,
도 5는 본 발명의 실시예에 따라 개별 컨텐츠 영역 중 일부가 표시되는 화면의 흐름도를 나타낸 도면,
도 6은 본 발명의 실시예에 따른 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법을 나타낸 순서도이다.
<부호의 설명>
100 : 사용자 단말 202 : 웹 페이지 제공 서버
202 : 터치 이동 감지 신호 수신부 204 : 스크롤 방향 결정부
206 : 스크롤 길이 계산부 208 : 스크롤탑 조절부
이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 보다 상세히 설명하기로 한다. 첨부 도면을 참조하여 설명함에 있어 동일하거나 대응하는 구성 요소는 동일한 도면번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
도 1은 본 발명의 실시예에 따른 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템의 구성도이다.
도 1을 참조하면, 본 발명에 따른 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템은 사용자 단말(100)과 웹 페이지 제공 서버(200)를 포함할 수 있다.
사용자 단말(100)은 웹 페이지 제공 서버(200)와 연동하여, 웹 페이지에서 개별 컨텐츠 영역 즉, 디브(div)의 일부를 화면에 표시하고, 사용자의 조작에 따라 표시된 화면에 대한 터치된 상태의 이동을 감지하면 해당 정보를 웹 페이지 제공 서버(200)로 전송할 수 있다.
웹 페이지 제공 서버(200)는 사용자 단말(100)에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 터치된 상태의 이동이 감지되면, 감지된 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하고, 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하여, 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 한다. 이때, 개별 컨텐츠 영역은 전체 웹 페이지에서 디브(div)로 각각 구별되며, 사용자 단말에 표시되는 부분과 표시되지 않는 부분을 포함할 수 있다.
또한, 웹 페이지 제공 서버(200)는 터치 상태의 이동에 따라 산출된 좌표 변화량 중 와이(y) 좌표값의 변화량이 플러스(+)이면 아래 방향으로 스크롤을 수행하도록 하고, 마이너스(-)이면 위 방향으로의 스크롤을 수행하도록 스크롤 방향을 결정할 수 있다.
도 2는 본 발명의 실시예에 따른 웹 페이지 제공 서버의 내부 구성도이다.
도 2를 참조하면, 본 발명에 따른 웹 페이지 제공 서버(200)는 터치 이동 감지 신호 수신부(202), 스크롤 방향 결정부(204), 스크롤 길이 계산부(206) 및 스크롤탑 조절부(208)를 포함할 수 있다.
터치 이동 감지 신호 수신부(202)는 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 표시된 화면에 터치된 상태의 이동 감지에 따른 터치 이동 감지 신호를 수신할 수 있다. 이때, 개별 컨텐츠 영역은 전체 웹 페이지에서 디브(div)로 각각 구별되며, 사용자 단말에 표시되는 부분과 표시되지 않는 부분을 포함할 수 있다.
스크롤 방향 결정부(204)는 감지된 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정할 수 있다. 이때, 스크롤 방향 결정부(204)는 터치 상태의 이동에 따라 산출된 좌표 변화량 중 와이 좌표값의 변화량이 플러스이면 아래 방향으로 스크롤을 수행하도록 하고, 마이너스이면 위 방향으로의 스크롤을 수행하도록 스크롤 방향을 결정할 수 있다.
스크롤 길이 계산부(206)는 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산할 수 있다.
스크롤탑 조절부(208)는 계산된 스크롤 길이만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 할 수 있다.
이에 따라, 개별 컨텐츠 영역 즉, 하나의 디브(div) 내에 내용이 많이 담겨 있어 화면에 모두 표시되지 않는 경우, 디브(div)를 스크롤하여 사용자가 볼 수 없었던 부분의 내용을 모두 볼 수 있도록 한다.
도 3은 본 발명의 실시예에 따른 사용자 단말의 내부 구성도이고, 도 4는 본 발명의 실시예에 따른 개별 컨텐츠 영역을 나타낸 도면이다.
도 3을 참조하면, 본 발명의 실시예에 따른 사용자 단말은 통신부(302), 조작부(304), 표시부(306), 음향 출력부(308), 저장부(310) 및 제어부(300)를 포함할 수 있다.
통신부(302)는 이동통신 모듈, 무선 인터넷 모듈, 근거리 통신 모듈 등을 포함할 수 있으며, 이동통신 모듈은 이동 통신망 상에서 기지국의 무선 신호를 송수신하고, 무선 인터넷 모듈은 무선 인터넷 접속을 위한 모듈이고, 근거리 통신 모듈은 근거리 통신을 위한 모듈이다. 이때, 통신부(302)는 무선 인터넷 모듈을 통해 웹 페이지 제공 서버(200)와 연동할 수 있다.
조작부(304)는 사용자의 동작 제어를 위한 조작에 따라 입력 데이터를 발생시킨다. 조작부는 키 패드, 돔 스위치, 터치 패드 등으로 구성될 수 있다. 특히, 터치 패드는 표시부와 상호 레이어 구조를 이루는 터치 스크린으로 구현될 수 있다.
표시부(306)는 사용자 단말에서 처리되는 정보를 화면에 표시 출력하며, 터치 감지 모듈을 더 포함하여 사용자의 조작에 따른 조작 신호를 입력받을 수 있다. 즉, 표시부(306)는 웹 페이지에서 개별 컨텐츠 영역의 일부를 화면에 표시하고, 표시된 화면에 대한 사용자의 조작에 따른 터치된 상태의 이동을 감지할 수 있다.
음향 출력부(308)는 통화 모드 등에서 통신부를 통해 수신된 음성 신호나 저장부에 저장된 오디오 데이터를 출력할 수 있다.
저장부(310)는 제어부(300)의 처리 및 제어를 위한 프로그램을 저장할 수 있고, 입력되거나 출력되는 데이터들을 임시로 저장할 수 있다.
제어부(300)는 통상적으로 단말 각부의 동작을 제어하여 사용자 단말의 전반적인 동작을 제어한다.
또한, 제어부(300)는 웹 페이지에서 개별 컨텐츠 영역의 일부가 화면에 표시된 경우, 표시된 화면에 대한 사용자의 조작에 따른 터치된 상태의 이동이 감지되면 해당 정보를 웹 페이지 제공 서버에 전송하도록 할 수 있다.
이때, 도 4에 도시된 바와 같이, 본 발명의 실시예에 따른 개별 컨텐츠 영역(400)은 화면에 표시되지 않지만 내용이 있는 영역(404, 406)과 화면에 실제로 표시되는 영역(402)을 포함할 수 있다.
도 5는 본 발명의 실시예에 따라 개별 컨텐츠 영역 중 일부가 표시되는 화면의 흐름도를 나타낸 도면이다.
도 5를 참조하면, 본 발명의 실시예에 따른 개별 컨텐츠 영역(500)은 test1 내지 test8의 컨텐츠를 포함하며, 사용자 단말에 표시되는 제1 웹 페이지 화면(502)은 test3 내지 test5의 컨텐츠를 포함할 수 있다.
이때, 사용자의 조작에 따라 단말에서 터치된 상태의 이동이 감지되면, 감지된 터치 상태의 이동에 따른 터치 좌표 변화량이 산출되며, 산출된 터치 좌표 변화량에 따라 스크롤 방향이 결정되고, 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이가 계산되며, 계산된 스크롤 길이만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값이 조절될 수 있다.
예를 들어, 터치 상태의 이동에 따라 산출된 좌표 변화량 중 와이 좌표값의 변화량이 플러스이면 아래 방향으로 스크롤을 수행하도록 하여, 사용자 단말은 test2 내지 test4의 컨텐츠를 포함하는 제2 웹 페이지 화면(504)을 표시할 수 있다.
도 6은 본 발명의 실시예에 따른 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법을 나타낸 순서도이다.
도 6을 참조하면, 본 발명에 따른 사용자 단말에서 개별 컨텐츠 영역의 일부를 화면에 표시하고(S602), 표시된 화면에 사용자의 조작에 따른 터치된 상태의 이동이 감지됨에 따라 터치 이동 감지 신호를 웹 페이지 제공 서버로 전송한다(S604).
이때, 개별 컨텐츠 영역은 전체 웹 페이지에서 디브(div)로 각각 구별되며, 사용자 단말에 표시되는 부분과 표시되지 않는 부분을 포함할 수 있다.
웹 페이지 제공 서버에서 터치 이동 감지 신호를 수신하면, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정한다(S606).
이때, 웹 페이지 제공 서버는 터치 이동 감지 신호에 근거하여 산출된 좌표 변화량 중 와이 좌표값의 변화량이 플러스이면 아래 방향으로 스크롤을 수행하도록 하고, 마이너스이면 위 방향으로의 스크롤을 수행하도록 스크롤 방향을 결정할 수 있다.
또한, 웹 페이지 제공 서버에서 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하며(S608), 웹 페이지 제공 서버에서 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 한다(S610).
한편, 본 발명의 다른 측면에 따르면, 웹 페이지 제공 서버에서 웹 페이지의 스크롤탑 속성을 이용하여 스크롤을 수행하는 방법에 있어서, 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 표시된 화면에 터치된 상태의 이동이 감지됨에 따라 터치 이동 감지 신호를 수신하는 단계, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하는 단계, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 단계, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 단계 및 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 단계를 포함하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법이 제공될 수 있다.
또한, 본 발명의 또 다른 측면에 따르면, 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 표시된 화면에 터치된 상태의 이동이 감지됨에 따라 터치 이동 감지 신호를 수신하는 단계, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하는 단계, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 단계, 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 단계 및 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 단계를 포함하는 웹 페이지 제공 서버에서 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체에 기록될 수 있다.
이러한 웹 페이지 제공 서버에서 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법은 프로그램으로 작성 가능하며, 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 프로그래머에 의하여 용이하게 추론될 수 있다. 또한, 웹 페이지 제공 서버에서 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법에 관한 프로그램은 전자장치가 읽을 수 있는 정보저장매체(Readable Media)에 저장되고, 전자장치에 의하여 읽혀지고 실행될 수 있다.
이와 같이, 본 발명이 속하는 기술분야의 당업자는 본 발명이 그 기술적 사상이나 필수적 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로서 이해해야만 한다. 본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 등가 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
본 발명에 따르면, 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 터치된 상태의 이동이 감지되면, 감지된 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하고, 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하여, 계산된 스크롤 길이 만큼 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 함으로써, 실제 개별 컨텐츠 영역이 스크롤되는 것처럼 사용자가 느낄 수 있도록 하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법을 제공하는 데에 이용할 수 있다.

Claims (9)

  1. 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 상기 표시된 화면에 터치된 상태의 이동 감지에 따른 터치 이동 감지 신호를 수신하는 터치 이동 감지 신호 수신부;
    상기 감지된 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 상기 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 스크롤 방향 결정부;
    상기 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 스크롤 길이 계산부; 및
    상기 계산된 스크롤 길이만큼 상기 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 스크롤탑 조절부;
    를 포함하는 웹 페이지 제공 서버.
  2. 제1항에 있어서,
    상기 개별 컨텐츠 영역은 전체 웹 페이지에서 디브(div)로 각각 구별되며, 상기 사용자 단말에 표시되는 부분과 표시되지 않는 부분을 포함하는 것을 특징으로 하는 웹 페이지 제공 서버.
  3. 제1항에 있어서,
    상기 스크롤 방향 결정부는 상기 터치 상태의 이동에 따라 산출된 좌표 변화량 중 와이 좌표값의 변화량이 플러스이면 아래 방향으로 스크롤을 수행하도록 하고, 마이너스이면 위 방향으로의 스크롤을 수행하도록 스크롤 방향을 결정하는 것을 특징으로 하는 웹 페이지 제공 서버.
  4. 웹 페이지에서 개별 컨텐츠 영역의 일부를 화면에 표시하고, 상기 표시된 화면에 대한 터치된 상태의 이동을 감지하는 사용자 단말; 및
    상기 사용자 단말에서 상기 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 상기 터치된 상태의 이동이 감지되면, 상기 감지된 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 상기 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하고, 상기 감지된 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하여, 상기 계산된 스크롤 길이 만큼 상기 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 웹 페이지 제공 서버;
    를 포함하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템.
  5. 웹 페이지 제공 서버가 웹 페이지의 스크롤탑 속성을 이용하여 스크롤을 수행하는 방법에 있어서,
    사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 상기 표시된 화면에 터치된 상태의 이동이 감지됨에 따라 터치 이동 감지 신호를 수신하는 단계;
    상기 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하는 단계;
    상기 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 단계;
    상기 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 단계; 및
    상기 계산된 스크롤 길이만큼 상기 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 단계;
    를 포함하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법.
  6. 제5항에 있어서,
    상기 개별 컨텐츠 영역은 전체 웹 페이지에서 디브(div)로 각각 구별되며, 상기 사용자 단말에 표시되는 부분과 표시되지 않는 부분을 포함하는 것을 특징으로 하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법.
  7. 제5항에 있어서,
    상기 스크롤 방향 결정 단계는 상기 터치 이동 감지 신호에 근거하여 산출된 좌표 변화량 중 와이 좌표값의 변화량이 플러스이면 아래 방향으로 스크롤을 수행하도록 하고, 마이너스이면 위 방향으로의 스크롤을 수행하도록 스크롤 방향을 결정하는 것을 특징으로 하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법.
  8. 사용자 단말에서 개별 컨텐츠 영역의 일부를 화면에 표시하는 단계;
    상기 사용자 단말에서 상기 표시된 화면에 터치된 상태의 이동이 감지됨에 따라 터치 이동 감지 신호를 웹 페이지 제공 서버로 전송하는 단계;
    상기 웹 페이지 제공 서버에서 상기 터치 이동 감지 신호를 수신하면, 상기 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하며, 상기 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 단계;
    상기 웹 페이지 제공 서버에서 상기 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 단계; 및
    상기 웹 페이지 제공 서버에서 상기 계산된 스크롤 길이 만큼 상기 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 단계;
    를 포함하는 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법.
  9. 사용자 단말에서 개별 컨텐츠 영역의 일부가 화면에 표시되는 경우, 상기 표시된 화면에 터치된 상태의 이동이 감지됨에 따라 터치 이동 감지 신호를 수신하는 단계; 상기 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화량을 산출하는 단계; 상기 산출된 터치 좌표 변화량에 따라 스크롤 방향을 결정하는 단계; 상기 터치 이동 감지 신호에 근거하여 터치 상태의 이동에 따른 터치 좌표 변화에 상응하는 스크롤 길이를 계산하는 단계; 및 상기 계산된 스크롤 길이 만큼 상기 개별 컨텐츠 영역의 스크롤탑(scrollTop) 값을 조절하도록 하는 단계를 포함하는 웹 페이지 제공 서버에서 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체.
PCT/KR2013/006434 2012-10-12 2013-07-18 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법 Ceased WO2014058137A1 (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
JP2014540985A JP5740060B2 (ja) 2012-10-12 2013-07-18 ウェブページのスクロールトップ属性を用いたスクロール遂行システム及び方法
CN201380001488.3A CN103874971B (zh) 2012-10-12 2013-07-18 利用网页的scrollTop属性执行滚动的系统和方法
US14/116,536 US9959029B2 (en) 2012-10-12 2013-07-18 System and method for performing scroll using scrolltop attribute of web page

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020120113257A KR102068043B1 (ko) 2012-10-12 2012-10-12 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법
KR10-2012-0113257 2012-10-12

Publications (1)

Publication Number Publication Date
WO2014058137A1 true WO2014058137A1 (ko) 2014-04-17

Family

ID=50477574

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2013/006434 Ceased WO2014058137A1 (ko) 2012-10-12 2013-07-18 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법

Country Status (5)

Country Link
US (1) US9959029B2 (ko)
JP (1) JP5740060B2 (ko)
KR (1) KR102068043B1 (ko)
CN (1) CN103874971B (ko)
WO (1) WO2014058137A1 (ko)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108595096A (zh) * 2018-04-20 2018-09-28 武汉楚鼎信息技术有限公司 一种网页内容逆向渲染的方法及系统装置
CN111221600B (zh) * 2018-11-26 2023-05-23 福建省天奕网络科技有限公司 一种LayaAir引擎滚动的管理方法及终端

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040216056A1 (en) * 2003-04-22 2004-10-28 Computer Associates Think, Inc. System and method for supporting scrolling of contents in a display
US20090077465A1 (en) * 2003-03-28 2009-03-19 Vistaprint Technologies Limited Electronic document location indication and navigation method, system and program
KR20090041635A (ko) * 2007-10-24 2009-04-29 엘지전자 주식회사 휴대 단말기 및 그 제어 방법
KR20100063898A (ko) * 2008-12-04 2010-06-14 에스케이텔레시스 주식회사 터치스크린이 구비된 이동통신 단말기의 컨텐츠 전환 방법 및 컨텐츠 전환 장치
KR20110010096A (ko) * 2008-05-23 2011-01-31 마이크로소프트 코포레이션 드래그 동작을 이용한 콘텐츠의 패닝

Family Cites Families (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4460962B2 (ja) * 2004-07-13 2010-05-12 株式会社野村総合研究所 データベース利用システム
JP4679859B2 (ja) * 2004-09-10 2011-05-11 三菱電機株式会社 地図データ処理システム
US7844915B2 (en) * 2007-01-07 2010-11-30 Apple Inc. Application programming interfaces for scrolling operations
US20100031167A1 (en) * 2008-08-04 2010-02-04 Alexander Roytman Browser-based development tools and methods for developing the same
US7930646B2 (en) * 2007-10-19 2011-04-19 Microsoft Corporation Dynamically updated virtual list view
US8174502B2 (en) * 2008-03-04 2012-05-08 Apple Inc. Touch event processing for web pages
JP5262426B2 (ja) * 2008-08-22 2013-08-14 カシオ計算機株式会社 表示処理装置及びプログラム
CN101446884B (zh) * 2008-12-19 2010-12-01 腾讯科技（深圳）有限公司 一种触摸屏设备及其滚屏方法
CN101515218A (zh) * 2009-01-06 2009-08-26 苏州达方电子有限公司 滚动条控制装置
JP5251701B2 (ja) * 2009-04-23 2013-07-31 カシオ計算機株式会社 サーバ装置、サーバベース・コンピューティング・システム、およびサーバ制御プログラム
KR101592033B1 (ko) 2009-11-06 2016-02-04 엘지전자 주식회사 이동 단말기 및 그 화면 분할 방법
JP5482549B2 (ja) * 2010-08-03 2014-05-07 富士通株式会社 表示装置、表示方法、および、表示プログラム
CN102314471A (zh) * 2010-09-17 2012-01-11 苏州阔地网络科技有限公司 一种实现滚动条同步的方法
JP5633341B2 (ja) * 2010-11-30 2014-12-03 カシオ計算機株式会社 サーバベース・コンピューティング・システムのクライアント装置、サーバ装置、およびプログラム
US9558013B2 (en) * 2011-04-12 2017-01-31 Citrix Systems, Inc. Responsive scroller controls in server-hosted applications

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090077465A1 (en) * 2003-03-28 2009-03-19 Vistaprint Technologies Limited Electronic document location indication and navigation method, system and program
US20040216056A1 (en) * 2003-04-22 2004-10-28 Computer Associates Think, Inc. System and method for supporting scrolling of contents in a display
KR20090041635A (ko) * 2007-10-24 2009-04-29 엘지전자 주식회사 휴대 단말기 및 그 제어 방법
KR20110010096A (ko) * 2008-05-23 2011-01-31 마이크로소프트 코포레이션 드래그 동작을 이용한 콘텐츠의 패닝
KR20100063898A (ko) * 2008-12-04 2010-06-14 에스케이텔레시스 주식회사 터치스크린이 구비된 이동통신 단말기의 컨텐츠 전환 방법 및 컨텐츠 전환 장치

Also Published As

Publication number Publication date
US20150205512A1 (en) 2015-07-23
JP5740060B2 (ja) 2015-06-24
CN103874971A (zh) 2014-06-18
KR20140047270A (ko) 2014-04-22
US9959029B2 (en) 2018-05-01
JP2014531102A (ja) 2014-11-20
KR102068043B1 (ko) 2020-01-20
CN103874971B (zh) 2016-05-04

Similar Documents

Publication Publication Date Title
WO2013032234A1 (en) Method of providing of user interface in portable terminal and apparatus thereof
EP4425331B1 (en) Page display method and apparatus, electronic device, storage medium and program product
WO2012077906A1 (en) Method and apparatus for displaying lists
WO2012033345A1 (en) Motion control touch screen method and apparatus
WO2012060589A2 (en) Touch control method and portable terminal supporting the same
WO2010120081A2 (en) Method and apparatus of selecting an item
WO2013085333A1 (en) Method and apparatus for providing three-dimensional user interface in an electronic device
EP3103001A1 (en) Apparatus and method of displaying windows
WO2015108288A1 (ko) 터치 스크린을 이용한 입력 처리 방법 및 장치
WO2013105716A1 (ko) 이미지 제공 시스템, 이를 위한 장치 및 이미지 제공 방법
WO2014163373A1 (en) Method and apparatus for inputting text in electronic device having touchscreen
CN104461231B (zh) 信息显示控制装置以及信息显示控制方法
WO2011145788A1 (ko) 시각 장애인을 위한 터치스크린 장치 및 사용자 인터페이스
WO2014058137A1 (ko) 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법
WO2012118271A1 (ko) 터치를 이용한 컨텐츠 제어방법, 장치, 이를 위한 기록매체 및 이를 포함하는 사용자 단말
WO2010018965A2 (en) Method and system for controlling operations of a display module in a portable terminal
WO2014133258A1 (en) Pen input apparatus and method for operating the same
WO2014069749A1 (ko) 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법
WO2012081919A2 (ko) 위치 안내 방법, 기계로 읽을 수 있는 저장 매체 및 휴대통신 단말기
WO2016204412A1 (ko) 단말 장치 및 이에 의한 이미지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법
CN109976607A (zh) 一种内容显示方法及终端设备
WO2022186419A1 (ko) 광고 출력 시스템 및 방법
WO2012165741A9 (ko) 색 변화를 이용한 터치스크린 표시방법 및 이를 위한 기록매체
WO2015009079A1 (en) Display apparatus and method for providing a user interface
WO2014042347A1 (ko) 웹 페이지 컨텐츠 선택 시스템 및 방법

Legal Events

Date Code Title Description
WWE Wipo information: entry into national phase

Ref document number: 201380001488.3

Country of ref document: CN

WWE Wipo information: entry into national phase

Ref document number: 14116536

Country of ref document: US

ENP Entry into the national phase

Ref document number: 2014540985

Country of ref document: JP

Kind code of ref document: A

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 13844688

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 13844688

Country of ref document: EP

Kind code of ref document: A1