[发明专利]一种网页滚动交互系统、方法和终端

说明书

本发明公开了一种网页滚动交互系统，包括设置在操作面板的百分比滚动区、滚动速度设置区、向上滚动区和向下滚动区。本发明还公开了一种网页滚动交互方法：A1、在站点网页设置滚动操作面板；A2、在所述滚动操作面板中添加百分比滚动区、滚动速度设置区、向上滚动区和向下滚动区四个操作区的区域元素；A3、在四个操作区的区域元素分别做监听事件绑定；A4：鼠标指针对四个操作区的区域元素做触发事件以使得站点网页主体内容作出不同的滚动反应。本发明还公开了一种网页滚动交互终端，包括接收模块、提取模块和控制模块。本发明具有效率高、省时省力、使用方便的优点。

技术领域

本发明涉及计算机技术领域，尤其涉及一种网页滚动交互系统、方法和终端。

背景技术

1、互联网日渐蓬勃，网页所承载的信息内容也丰富繁多。为了保证相关信息的完整性，一张网页往往会超出电脑屏幕高度，通过滚动页面滚动条来浏览完整内容。

2、目前主流的页面滚动方式是通过鼠标滚轮，在页面内容长阅读速度快的情况下，不断滚动滚轮会比较费时费力。

发明内容

针对上述现有技术的不足，本发明所要解决的技术问题是如何提供一种效率高、省时省力、使用方便的网页滚动交互系统、方法和终端。

为了解决上述技术问题，本发明采用了如下技术方案：

一种网页滚动交互系统，包括设置在站点网页的操作面板，所述操作面板包括四个操作区，四个所述操作区分别为百分比滚动区、滚动速度设置区、向上滚动区和向下滚动区；

所述百分比滚动区内设置有滑块，通过鼠标指针拖动滑块带动站点网页主体内容同步滚动对应的像素值；

所述滚动速度设置区设置有输入框，用于输入并保存站点网页主体内容的滚动速度；

所述向上滚动区，鼠标指针移动至所述向上滚动区带动站点网页主体内容以滚动速度设置区设置的滚动速度不断向上滚动；鼠标指针双击所述向上滚动区则带动站点网页主体内容滚动至顶部；

所述向下滚动区，鼠标指针移动至所述向下滚动区带动站点网页主体内容以滚动速度设置区设置的滚动速度不断向下滚动；鼠标指针双击所述向下滚动区则带动站点网页主体内容滚动至底部。

具体的，在对站点网页进行滚动操作时，将鼠标指针放置在操作区，当需要使站点网页滚动至对应像素高度值时，将鼠标指针放置在百分比滚动区内并拖动滑块至对应位置；当需要使得站点网页以一定速度向上滚动时，在滚动速度设置区内输入速度值，将鼠标指针放置在向上滚动区，站点网页向上以设置的速度值滚动，双击向上滚动区则带动站点网页主体内容滚动至顶部；当需要使得站点网页以一定速度向下滚动时，在滚动速度设置区内输入速度值，将鼠标指针放置在向下滚动区，站点网页向下以设置的速度值滚动，双击向下滚动区则带动站点网页主体内容滚动至底部。操作人性化，可以根据自己需要进行选择，避免长时间滚动滚轮，更好的保护手指关节。

进一步的，所述百分比滚动区内设置的滑块具有以下节点：10％，20％，30％，40％，50％，60％，70％，80％和90％。

这样可以更加直观的进行选择，选择准确。

进一步的，所述滑块沿竖向滑动。

这样，在滑动滑块时，手拖动鼠标指针竖向运动，顺应胳膊长度方向，避免肘关节弯曲，可以更好的对人体进行保护。

进一步的，利用JavaScript脚本监控鼠标指针的移动，并通过JavaScript脚本计算站点网页主体内容高度，并带动站点网站主体内容进行滚动。

这样，可以更好的对站点网页高度进行计算，以快速到达对应位置。

进一步的，所述滚动速度设置区设置的滚动速度数值在1像素/秒～9999像素/秒。