CN103874971B - 利用网页的scrollTop属性执行滚动的系统和方法 - Google Patents
利用网页的scrollTop属性执行滚动的系统和方法 Download PDFInfo
- Publication number
- CN103874971B CN103874971B CN201380001488.3A CN201380001488A CN103874971B CN 103874971 B CN103874971 B CN 103874971B CN 201380001488 A CN201380001488 A CN 201380001488A CN 103874971 B CN103874971 B CN 103874971B
- Authority
- CN
- China
- Prior art keywords
- touch
- webpage
- coordinate
- variation
- user terminal
- 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
Links
Classifications
-
- 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
-
- 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
-
- 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/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; 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/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; 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/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; 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/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
Abstract
本发明涉及一种利用网页的scrollTop属性执行滚动的系统和方法,该系统和方法在当在用户终端的画面上显示单个内容区域的一部分时感测到触摸状态的移动的情况下通过以下操作使得用户感觉好像实际滚动单个内容区域一样:根据感测到的触摸状态的移动计算触摸坐标的变化,根据计算出的触摸坐标的变化来确定滚动方向,根据感测到的触摸状态的移动计算与触摸坐标的变化相对应的滚动长度,并且将单个内容区域的scrollTop值调整计算出的滚动长度那么多。
Description
技术领域
本发明涉及一种利用网页的scrollTop属性执行滚动的系统和方法,其中,即使当用户终端在网页的画面上显示单个内容区域的一部分时,所述系统和方法通过调整scrollTop值,使用户感觉好像实际滚动所述单个内容区域一样。
背景技术
提供无线因特网服务的移动终端(即,用户终端)安装无线网络浏览器,使得用户可以观看网页。另外,由于移动终端的尺寸有限,无线网络浏览器或网络应用使得用户能够通过滚动内容来选择性地观看全部内容中的感兴趣的内容。
另一方面,尽管一些终端在移动网页支持div(即,单个内容区域)滚动,但一些终端不支持div滚动。另外,尽管支持div滚动,但如果研发人员专断地将触摸开始事件设置为preventDefault,则即使能够滚动div的功能也不能被使用。
因此,需要在任意终端使用div滚动功能。即,需要提供这样一种服务:在不使用溢出(overflow)属性来滚动div的情况下,可以通过接收用户的触摸事件并调整div的scrollTop值,来产生感觉好像实际上滚动div的效果。
发明内容
技术问题
因此,考虑到以上问题制作了本发明,本发明的一个目的在于提供一种利用网页的scrollTop属性执行滚动的系统和方法,该系统和方法在当在用户终端的画面上显示单个内容区域的一部分时感测到触摸状态的移动的情况下通过以下操作使用户感觉好像实际滚动单个内容区域一样:根据感测到的触摸状态的移动计算触摸坐标的变化,根据计算出的触摸坐标的变化来确定滚动的方向,根据感测到的触摸状态的移动计算与触摸坐标的变化相对应的滚动长度,并且将单个内容区域的scrollTop值调整计算出的滚动长度那么多。
技术方案
为了实现以上目的,根据本发明的一个方面,提供了一种利用网页的scrollTop属性执行滚动的系统,所述系统包括:用户终端,其在网页的画面上显示单个内容区域的一部分,并且感测触摸状态在显示画面上的移动;以及网页提供服务器,如果当在所述用户终端的所述画面上显示所述单个内容区域的一部分时感测到所述触摸状态的移动,则所述网页提供服务器根据感测到的触摸状态的移动计算触摸坐标的变化,根据计算出的触摸坐标的变化来确定滚动方向,根据感测到的触摸状态的移动来计算与所述触摸坐标的变化相对应的滚动长度,并且将所述单个内容区域的scrollTop值调整计算出的滚动长度那么多。
此时,所述单个内容区域在整个网页上被划分成多个div,并且包括在所述用户终端上显示的部分和没有在所述用户终端上显示的部分。
另外,所述网页提供服务器将滚动方向确定为用于在根据所述触摸状态的移动而计算出的坐标变化中y坐标值的变化为正的情况下沿向下方向执行滚动,或者用于在所述y坐标值的变化为负的情况下沿向上方向执行滚动。
为了实现以上目的,根据本发明的另一个方面,提供了一种网页提供服务器,所述网页提供服务器包括:触摸移动感测信号接收单元,当在用户终端的画面上显示单个内容区域的一部分时,该触摸移动感测信号接收单元根据感测触摸状态在显示画面上的移动而接收触摸移动感测信号;滚动方向确定单元,其根据感测到的触摸状态的移动来计算触摸坐标的变化,并且根据计算出的触摸坐标的变化来确定滚动方向;滚动长度计算单元,其根据感测到的触摸状态的移动来计算与所述触摸坐标的变化相对应的滚动长度;以及scrollTop调整单元,其将所述单个内容区域的scrollTop值调整计算出的滚动长度那么多。
此时,所述单个内容区域在整个网页上被划分成多个div,并且包括在所述用户终端上显示的部分和没有在所述用户终端上显示的部分。
另外,所述滚动方向确定单元将滚动方向确定为用于在根据所述触摸状态的移动而计算出的坐标变化中y坐标值的变化为正的情况下沿向下方向执行滚动,或者用于在所述y坐标值的变化为负的情况下沿向上方向执行滚动。
为了实现以上目的,根据本发明的又一个方面,提供了一种利用网页的scrollTop属性执行滚动的方法,所述方法包括以下步骤:用户终端在画面上显示单个内容区域的一部分;随着感测到触摸状态在显示画面上的移动,所述用户终端向网页提供服务器发送触摸移动感测信号;如果接收到所述触摸移动感测信号,所述网页提供服务器基于所述触摸移动感测信号来计算取决于所述触摸状态的移动的触摸坐标的变化,并且根据计算出的触摸坐标的变化来确定滚动方向;所述网页提供服务器基于所述触摸移动感测信号来计算与取决于触摸状态的移动的触摸坐标的变化相对应的滚动长度;以及所述网页提供服务器将所述单个内容区域的scrollTop值调整计算出的滚动长度那么多。
此时,所述单个内容区域在整个网页上被划分成多个div,并且包括在所述用户终端上显示的部分和没有在所述用户终端上显示的部分。
为了实现以上目的,根据本发明的又一个方面,提供了一种利用网页的scrollTop属性执行滚动的方法,所述方法包括以下步骤:当在用户终端的画面上显示单个内容区域的一部分时,随着感测到触摸状态在显示画面上的移动而接收触摸移动感测信号;基于所述触摸移动感测信号来计算取决于所述触摸状态的移动的触摸坐标的变化;根据计算出的触摸坐标的变化来确定滚动方向;基于所述触摸移动感测信号来计算与取决于所述触摸状态的移动的所述触摸坐标的变化相对应的滚动长度;以及将所述单个内容区域的scrollTop值调整计算出的滚动长度那么多。
此时,所述单个内容区域在整个网页上被划分成多个div,并且包括在所述用户终端上显示的部分和没有在所述用户终端上显示的部分。
为了实现以上目的,根据本发明的又一个方面,提供了一种能被电子设备读取的记录介质,在所述记录介质中,由网页提供服务器利用网页的scrollTop属性执行滚动的方法能够被记录为程序,所述方法包括以下步骤:当在用户终端的画面上显示单个内容区域的一部分时,随着感测到触摸状态在显示画面上的移动而接收触摸移动感测信号;基于所述触摸移动感测信号来计算取决于所述触摸状态的移动的触摸坐标的变化;根据计算出的触摸坐标的变化来确定滚动方向;基于所述触摸移动感测信号来计算与取决于所述触摸状态的移动的所述触摸坐标的变化相对应的滚动长度;以及将所述单个内容区域的scrollTop值调整计算出的滚动长度那么多。
有益效果
如上所述,本发明还提供一种利用网页的scrollTop属性执行滚动的系统和方法,该系统和方法在当在用户终端的画面上显示单个内容区域的一部分时感测到触摸状态的移动的情况下通过以下操作使用户感觉好像实际滚动单个内容区域一样:根据感测到的触摸状态的移动计算触摸坐标的变化,根据计算出的触摸坐标的变化来确定滚动方向,根据感测到的触摸状态的移动计算与触摸坐标的变化相对应的滚动长度,并且将单个内容区域的scrollTop值调整计算出的滚动长度那么多。
另外,可以在所有用户终端(包括不支持单个内容区域的滚动(即,div滚动)的终端的)滚动单个内容区域,并且即使当触摸开始事件被设置为preventDafault时,也可以执行滚动功能。
附图说明
图1是示出根据本发明实施方式的利用网页的scrollTop属性执行滚动的系统的配置的示图。
图2是示出根据本发明实施方式的网页提供服务器的内部配置的示图。
图3是示出根据本发明实施方式的用户终端的内部配置的示图。
图4是示出根据本发明实施方式的单个内容区域的示图。
图5是示出根据本发明实施方式的显示单个内容区域的一部分的画面流的示图。
图6是示出根据本发明实施方式的利用网页的scrollTop属性执行滚动的方法的流程图。
符号描述
100:用户终端200:网页提供服务器
202:触摸移动感测信号接收单元
204:滚动方向确定单元
206:滚动长度计算单元
208:scrollTop调整单元
具体实施方式
下面将参照附图详细描述本发明的优选实施方式。此外,在示出了本发明的实施方式的图中,具有相同功能的元件将用相同的参考标号表示,并且其细节将不再重复。
图1是示出根据本发明实施方式的利用网页的scrollTop属性执行滚动的系统的配置的示图。
参照图1,根据本发明的利用网页的scrollTop属性执行滚动的系统可以包括用户终端100和网页提供服务器200。
用户终端100在与网页提供服务器200相关联的网页的画面上显示单个内容区域(即,div)的一部分,并且如果根据用户的处理感测到触摸状态在显示画面上的移动,则用户终端100可以向网页提供服务器200发送相应信息。
如果当在用户终端100的画面上显示单个内容区域的一部分时感测到触摸状态的移动,则网页提供服务器200根据感测到的触摸状态的移动来计算触摸坐标的变化,根据计算出的触摸坐标的变化确定滚动方向,根据感测到的触摸状态的移动计算与触摸坐标的变化相对应的滚动长度,并且将单个内容区域的scrollTop值调整计算出的滚动长度那么多。此时,单个内容区域在整个网页上被划分成多个div,并且可以包括在用户终端上显示的部分和没有在用户终端上显示的部分。
另外,网页提供服务器200可以将滚动方向确定为用于在根据触摸状态的移动而计算出的坐标变化中y坐标值的变化为正(+)的情况下沿向下方向执行滚动,或者用于在根据触摸状态的移动而计算出的坐标变化中y坐标值的变化为负(-)的情况下沿向上方向执行滚动。
图2是示出根据本发明实施方式的网页提供服务器的内部配置的示图。
参照图2,根据本发明的网页提供服务器200可以包括触摸移动感测信号接收单元202、滚动方向确定单元204、滚动长度计算单元206和scrollTop调整单元208。
当在用户终端的画面上显示单个内容区域的一部分时,触摸移动感测信号接收单元202可以根据感测显示画面上触摸状态的移动来接收触摸移动感测信号。此时,单个内容区域在整个网页上被划分成多个div,并且可以包括在用户终端上显示的部分和没有在用户终端上显示的部分。
滚动方向确定单元204可以根据感测的触摸状态的移动来计算触摸坐标的变化,并且根据计算出的触摸坐标的变化来确定滚动方向。此时,滚动方向确定单元204可以将滚动方向确定为用于在根据触摸状态的移动而计算出的坐标变化中y坐标值的变化为正的情况下沿向下方向执行滚动,或者用于在y坐标值的变化为负的情况下沿向上方向执行滚动。
滚动长度计算单元206可以根据感测到的触摸状态的移动来计算与触摸坐标相对应的滚动长度。
scrollTop调整单元208可以将单个内容区域的scrollTop值调整计算出的滚动长度那么多。
因此,如果在单个内容区域(即,一个div)中包含多个内容,并且在画面上没有显示所有内容,则div被滚动,使得用户可以观看对用户不可见的部分中的所有内容。
图3是示出根据本发明实施方式的用户终端的内部配置的示图,并且图4是示出根据本发明实施方式的单个内容区域的示图。
参照图3,根据本发明实施方式的用户终端可以包括通信单元302、处理单元304、显示单元306、声音输出单元308、存储单元310和控制单元300。
通信单元302可以包括移动通信模块、无线因特网模块、短距离通信模块等。移动通信模块发送无线信号并接收移动通信网络上的基站的无线信号,并且无线因特网模块是用于无线因特网连接的模块,并且短距离通信模块是用于短距离通信的模块。此时,通信单元302可以通过无线因特网模块与网页提供服务器200相关联。
处理单元304根据用户对操作和控制的处理产生输入数据。处理单元可以被配置为键区、锅仔片(domeswitch)、触摸板等。具体地,触摸板可以被实现为与显示单元一起配置成层结构的触摸屏。
显示单元306在画面上显示在用户终端中处理的信息,并且还包括触摸感测模块以根据用户的处理接收处理信号。即,显示单元306可以在网页的画面上显示单个内容区域的一部分,并且感测取决于用户的处理的触摸状态在显示画面上的移动。
声音输出单元308可以输出在通信模式等中通过通信单元接收的语音信号或者存储单元中存储的音频数据。
存储单元310可以存储用于控制单元300的处理和控制的程序,并且可以临时存储输入或输出数据。
控制单元300通常通过控制终端的各部分的操作来控制用户终端的整体操作。
另外,当在网页的画面上显示各内容区域的一部分时,如果感测到显示画面上的取决于用户处理的触摸状态的移动,则控制单元300可以控制向网页提供服务器发送相应的信息。
此时,如图4所示,根据本发明实施方式的单个内容区域400可以包括具有内容但该内容没有在画面404和406上进行显示的区域以及实际在画面上显示的区域。
图5是示出根据本发明的实施方式的显示单个内容区域的一部分的画面流的示图。
参照图5,根据本发明的实施方式的单个内容区域500可以包括测试1至测试8的内容,并且在用户终端上显示的第一网页画面502可以包括测试3至测试5的内容。
此时,如果根据用户的处理在终端感测到触摸状态的移动,则可以根据感测到的触摸状态的移动来计算触摸坐标的变化,根据计算出的触摸坐标的变化确定滚动方向,根据感测到的触摸状态的移动计算与触摸坐标的变化相对应的滚动长度,并且将单个内容区域的scrollTop值调整计算出的滚动长度那么多。
例如,如果根据触摸状态的移动而计算出的坐标变化中y坐标值的变化是正的(+),则控制沿向下方向执行滚动,并且移动终端可以显示包括测试2至测试4的内容的第二网页画面504。
图6是示出根据本发明的实施方式的利用网页的scrollTop属性执行滚动的方法的流程图。
参照图6,在S602,根据本发明,在用户终端的画面上显示单个内容区域的一部分,并且在S604,随着感测到根据用户处理的触摸状态在显示画面上的移动,向网页提供服务器发送触摸移动感测信号。
此时,单个内容在整个网页上被划分成多个div,并且可以包括在用户终端上显示的部分和没有在用户终端上显示的部分。
如果接收到触摸移动感测信号,则在S606,网页提供服务器基于触摸移动感测信号来计算取决于触摸状态的移动的触摸坐标的变化,并且根据计算出的触摸坐标的变化来确定滚动方向。
此时,网页提供服务器可以将滚动方向确定为用于在基于触摸移动感测信号而计算出的坐标变化中y坐标值的变化为正(+)的情况下沿向下方向执行滚动,或者在根据触摸状态的移动而计算出的坐标变化中y坐标值的变化为负(-)的情况下用于沿向上方向执行滚动。
另外,在S608,网页提供服务器基于触摸移动感测信号来计算与取决于触摸状态的移动的触摸坐标的变化相对应的滚动长度,并且在S610,将单个内容区域的scrollTop值调整由网页提供服务器计算出的滚动长度那么多。
另一方面,根据本发明的另一个方面,提供了一种网页提供服务器利用网页的scrollTop属性执行滚动的方法,所述方法包括以下步骤:当在用户终端的画面上显示单个内容区域的一部分时,随着感测到触摸状态在显示画面上的移动而接收触摸移动感测信号;基于触摸移动感测信号来计算取决于触摸状态的移动的触摸坐标的变化;根据计算出的触摸坐标的变化来确定滚动方向;基于触摸移动感测信号来计算与取决于触摸状态的移动的触摸坐标的变化相对应的滚动长度;并且将单个内容区域的scrollTop值调整计算出的滚动长度那么多。
另外,根据本发明的又一个方面,可以将由网页提供服务器利用网页的scrollTop属性执行滚动的方法记录为可通过电子设备读取的记录介质中的程序,所述方法包括以下步骤:当在用户终端的画面上显示单个内容区域的一部分时,随着感测到触摸状态在显示画面上的移动而接收触摸移动感测信号;基于触摸移动感测信号来计算取决于触摸状态的移动的触摸坐标的变化;根据计算出的触摸坐标的变化来确定滚动方向;基于触摸移动感测信号来计算与取决于触摸状态的移动的触摸坐标的变化相对应的滚动长度;并且将单个内容区域的scrollTop值调整计算出的滚动长度那么多。
在网页提供服务器中利用网页的scrollTop属性执行滚动的方法可以被创建为程序,并且构造该程序的代码和代码段可以被本领域的程序员容易地推导出。另外,与在网页提供服务器中利用网页的scrollTop属性执行滚动的方法相关的程序可以存储在可以被电子设备读取的信息存储介质(可读介质)中,并且可以被电子设备读取和执行。
尽管已经参照特定例示性实施方式描述了本发明,但本发明不受实施方式所限制,而是受所附权利要求限制。应理解的是,本领域的技术人员可以在不脱离本发明的范围和精神的情况下改变或修改这些实施方式。
工业可用性
可以使用本发明以提供一种利用网页的scrollTop属性执行滚动的系统和方法,该系统和方法在当在用户终端的画面上显示单个内容区域的一部分时感测到触摸状态的移动的情况下通过以下操作使得用户感觉好像实际滚动单个内容区域一样:根据感测到的触摸状态的移动计算触摸坐标的变化,根据计算出的触摸坐标的变化来确定滚动方向,根据感测到的触摸状态的移动计算与触摸坐标的变化相对应的滚动长度,并且将单个内容区域的scrollTop值调整计算出的滚动长度那么多。
Claims (8)
1.一种网页提供服务器,所述网页提供服务器包括:
触摸移动感测信号接收单元,当在用户终端的画面上显示单个内容区域的一部分时,所述触摸移动感测信号接收单元根据感测触摸状态在所述用户终端的所述画面上的移动而接收触摸移动感测信号,所述用户终端通过网络与所述网页提供服务器通信;
滚动方向确定单元,其根据感测到的触摸状态的移动来计算触摸坐标的变化,并且根据计算出的触摸坐标的变化来确定滚动方向;
滚动长度计算单元,其根据感测到的触摸状态的移动来计算与所述触摸坐标的变化相对应的滚动长度;以及
scrollTop调整单元,其将所述单个内容区域的scrollTop值调整计算出的滚动长度那么多。
2.根据权利要求1所述的服务器,其中,所述单个内容区域在整个网页上被划分成多个div,并且包括在所述用户终端上显示的部分和没有在所述用户终端上显示的部分。
3.根据权利要求1所述的服务器,其中,所述滚动方向确定单元将滚动方向确定为用于在根据所述触摸状态的移动而计算出的坐标变化中y坐标值的变化为正的情况下沿向下方向执行滚动,或者用于在所述y坐标值的变化为负的情况下沿向上方向执行滚动。
4.一种利用网页的scrollTop属性执行滚动的系统,所述系统包括:
用户终端,其在所述网页的画面上显示单个内容区域的一部分,并且感测触摸状态在所述用户终端的所述画面上的移动,所述用户终端通过网络与网页提供服务器通信;以及
网页提供服务器,如果当在所述用户终端的所述画面上显示所述单个内容区域的一部分时感测到所述触摸状态的移动,则所述网页提供服务器根据感测到的触摸状态的移动计算触摸坐标的变化,并且根据计算出的触摸坐标的变化来确定滚动方向,根据感测到的触摸状态的移动来计算与所述触摸坐标的变化相对应的滚动长度,并且将所述单个内容区域的scrollTop值调整计算出的滚动长度那么多。
5.一种由网页提供服务器利用网页的scrollTop属性执行滚动的方法,所述方法包括以下步骤:
当在用户终端的画面上显示单个内容区域的一部分时,所述网页提供服务器随着感测到触摸状态在所述用户终端的所述画面上的移动而接收触摸移动感测信号,所述用户终端通过网络与所述网页提供服务器通信;
所述网页提供服务器基于所述触摸移动感测信号来计算取决于所述触摸状态的移动的触摸坐标的变化;
所述网页提供服务器根据计算出的触摸坐标的变化来确定滚动方向;
所述网页提供服务器基于所述触摸移动感测信号来计算与取决于所述触摸状态的移动的所述触摸坐标的变化相对应的滚动长度;
以及,所述网页提供服务器将所述单个内容区域的scrollTop值调整计算出的滚动长度那么多。
6.根据权利要求5所述的方法,其中,所述单个内容区域在整个网页上被划分成多个div,并且包括在所述用户终端上显示的部分和没有在所述用户终端上显示的部分。
7.根据权利要求5所述的方法,其中,所述滚动方向确定步骤将所述滚动方向确定为用于在基于所述触摸移动感测信号计算出的坐标变化中y坐标值的变化为正的情况下沿向下方向执行滚动,或者用于在所述y坐标值的变化为负的情况下沿向上方向执行滚动的滚动方向。
8.一种利用网页的scrollTop属性执行滚动的方法,所述方法包括以下步骤:
用户终端在画面上显示单个内容区域的一部分,所述用户终端通过网络与网页提供服务器通信;
随着感测到触摸状态在所述用户终端的所述画面上的移动,所述用户终端向网页提供服务器发送触摸移动感测信号;
如果接收到所述触摸移动感测信号,则所述网页提供服务器基于所述触摸移动感测信号来计算取决于所述触摸状态的移动的触摸坐标的变化,并且根据计算出的触摸坐标的变化来确定滚动方向;
所述网页提供服务器基于所述触摸移动感测信号来计算与取决于所述触摸状态的移动的所述触摸坐标的变化相对应的滚动长度;以及
所述网页提供服务器将所述单个内容区域的scrollTop值调整计算出的滚动长度那么多。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR10-2012-0113257 | 2012-10-12 | ||
KR1020120113257A KR102068043B1 (ko) | 2012-10-12 | 2012-10-12 | 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법 |
PCT/KR2013/006434 WO2014058137A1 (ko) | 2012-10-12 | 2013-07-18 | 웹 페이지의 스크롤탑 속성을 이용한 스크롤 수행 시스템 및 방법 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103874971A CN103874971A (zh) | 2014-06-18 |
CN103874971B true CN103874971B (zh) | 2016-05-04 |
Family
ID=50477574
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201380001488.3A Active CN103874971B (zh) | 2012-10-12 | 2013-07-18 | 利用网页的scrollTop属性执行滚动的系统和方法 |
Country Status (5)
Country | Link |
---|---|
US (1) | US9959029B2 (zh) |
JP (1) | JP5740060B2 (zh) |
KR (1) | KR102068043B1 (zh) |
CN (1) | CN103874971B (zh) |
WO (1) | WO2014058137A1 (zh) |
Families Citing this family (2)
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 (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101446884A (zh) * | 2008-12-19 | 2009-06-03 | 腾讯科技(深圳)有限公司 | 一种触摸屏设备及其滚屏方法 |
CN101515218A (zh) * | 2009-01-06 | 2009-08-26 | 苏州达方电子有限公司 | 滚动条控制装置 |
CN102314471A (zh) * | 2010-09-17 | 2012-01-11 | 苏州阔地网络科技有限公司 | 一种实现滚动条同步的方法 |
Family Cites Families (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7456993B2 (en) * | 2003-03-28 | 2008-11-25 | 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 |
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 |
KR101481512B1 (ko) | 2007-10-24 | 2015-01-20 | 엘지전자 주식회사 | 휴대 단말기 및 그 제어 방법 |
US8174502B2 (en) * | 2008-03-04 | 2012-05-08 | Apple Inc. | Touch event processing for web pages |
US8375336B2 (en) * | 2008-05-23 | 2013-02-12 | Microsoft Corporation | Panning content utilizing a drag operation |
JP5262426B2 (ja) * | 2008-08-22 | 2013-08-14 | カシオ計算機株式会社 | 表示処理装置及びプログラム |
KR101048213B1 (ko) * | 2008-12-04 | 2011-07-08 | 에스케이텔레시스 주식회사 | 터치스크린이 구비된 이동통신 단말기의 컨텐츠 전환 방법 |
JP5251701B2 (ja) * | 2009-04-23 | 2013-07-31 | カシオ計算機株式会社 | サーバ装置、サーバベース・コンピューティング・システム、およびサーバ制御プログラム |
KR101592033B1 (ko) | 2009-11-06 | 2016-02-04 | 엘지전자 주식회사 | 이동 단말기 및 그 화면 분할 방법 |
JP5482549B2 (ja) * | 2010-08-03 | 2014-05-07 | 富士通株式会社 | 表示装置、表示方法、および、表示プログラム |
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 |
-
2012
- 2012-10-12 KR KR1020120113257A patent/KR102068043B1/ko active IP Right Grant
-
2013
- 2013-07-18 JP JP2014540985A patent/JP5740060B2/ja active Active
- 2013-07-18 WO PCT/KR2013/006434 patent/WO2014058137A1/ko active Application Filing
- 2013-07-18 CN CN201380001488.3A patent/CN103874971B/zh active Active
- 2013-07-18 US US14/116,536 patent/US9959029B2/en active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101446884A (zh) * | 2008-12-19 | 2009-06-03 | 腾讯科技(深圳)有限公司 | 一种触摸屏设备及其滚屏方法 |
CN101515218A (zh) * | 2009-01-06 | 2009-08-26 | 苏州达方电子有限公司 | 滚动条控制装置 |
CN102314471A (zh) * | 2010-09-17 | 2012-01-11 | 苏州阔地网络科技有限公司 | 一种实现滚动条同步的方法 |
Also Published As
Publication number | Publication date |
---|---|
JP5740060B2 (ja) | 2015-06-24 |
US20150205512A1 (en) | 2015-07-23 |
KR20140047270A (ko) | 2014-04-22 |
KR102068043B1 (ko) | 2020-01-20 |
CN103874971A (zh) | 2014-06-18 |
WO2014058137A1 (ko) | 2014-04-17 |
JP2014531102A (ja) | 2014-11-20 |
US9959029B2 (en) | 2018-05-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106201315B (zh) | 信息处理装置和显示方法 | |
CN108960785B (zh) | 一种信息提示方法及装置 | |
KR102036049B1 (ko) | 서비스 사용 상태에 따른 아이콘 표시 방법 및 이를 지원하는 단말기 | |
US10345430B2 (en) | Floor determining method and system, and related device | |
CN108595275B (zh) | 一种提示信息推送的方法及终端 | |
CN112506413B (zh) | 触控点预测方法、装置、终端设备及计算机可读存储介质 | |
CN103902640A (zh) | 可携式电子装置、内容推荐方法及计算机可读媒体 | |
CN102281352A (zh) | 联系人列表显示方法及终端 | |
CN103282869A (zh) | 触摸屏上的手指识别 | |
CN101689092A (zh) | 提供用于触摸屏设备的滚动机构的方法、装置和计算机程序产品 | |
CN106406712A (zh) | 信息显示方法及装置 | |
CN103885712B (zh) | 网页调整方法、装置及电子设备 | |
CN102117165A (zh) | 触摸输入处理方法及移动终端 | |
CN108885536B (zh) | 一种跟手性补偿方法、装置及终端设备 | |
CN108322601B (zh) | 一种提醒方法及终端 | |
EP2741196B1 (en) | Power-saving in a portable electronic device operating in a telecommunication network | |
CN107977248B (zh) | 一种桌面挂件的显示方法及移动终端 | |
CN102360268A (zh) | 电子书页面转换方法、装置以及移动设备 | |
CN102902407A (zh) | 一种触摸屏输出显示触摸笔迹的方法及设备 | |
CN111311485A (zh) | 图像处理方法及相关装置 | |
CN105930077A (zh) | 屏幕显示对象的尺寸调整方法及装置 | |
CN103714316A (zh) | 图像识别方法、装置及电子设备 | |
CN103874971B (zh) | 利用网页的scrollTop属性执行滚动的系统和方法 | |
CN103488321A (zh) | 一种在触摸屏终端上识别触摸动作的方法及装置 | |
CN107239184A (zh) | 一种触屏触控装置、方法和移动终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |