Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用JavaScript按屏幕的一侧滚动_Javascript - Fatal编程技术网

用JavaScript按屏幕的一侧滚动

用JavaScript按屏幕的一侧滚动,javascript,Javascript,Windows8有一个简洁的功能,你可以通过“按”屏幕的一侧滚动你的应用程序 我想知道是否有人有任何想法可以用JavaScript实现这一点 从本质上讲,如果您将鼠标悬停在屏幕的一侧,屏幕不应该滚动,而是应该能够检测到用户何时试图超出视口,而不能 这是可能的吗?当然,如果你想复制它,你只需要找出他们的算法 您可以跟踪指针的最后几个已知位置,以确定速度和方向,并在方向改变时立即停止滚动。例如,我使用的是以下内容: $(window).mousemove(function (e) {

Windows8有一个简洁的功能,你可以通过“按”屏幕的一侧滚动你的应用程序

我想知道是否有人有任何想法可以用JavaScript实现这一点

从本质上讲,如果您将鼠标悬停在屏幕的一侧,屏幕不应该滚动,而是应该能够检测到用户何时试图超出视口,而不能


这是可能的吗?

当然,如果你想复制它,你只需要找出他们的算法


您可以跟踪指针的最后几个已知位置,以确定速度和方向,并在方向改变时立即停止滚动。例如,我使用的是以下内容:

    $(window).mousemove(function (e) {
        if (getIsPageEdge()) {
            if (lastX == e.pageX) {
                console.debug('pushing the page');
            }
            var now = new Date().getTime();
            if (lastUpdate == null || now - lastUpdate > 500) {
                lastUpdate = now;
                lastX = e.pageX;
            }
        }
    });
本质上,在mouseMove上,如果光标位于视口的边缘,并且X值没有改变(添加时间延迟以补偿事件处理延迟),则更改包含div的滚动位置