javascript - 如果可拖动的 div 到达页面顶部或底部，则转到 URL

Question

我有一个可拖动的 div。如果我移动到顶部，它应该重定向到 link1。如果我移动到底部，它应该重定向到 link2。

这是我的 jsfiddle

我想我可以添加这样的内容吗？

document.addEventListener('scroll', function (event) {
    if (document.body.scrollHeight == 
        document.body.scrollTop +        
        window.innerHeight) {
        location.href='http://google.com';

    }
});

Answer 1

document.addEventListener('mousemove', function (event) {
    // epsilon is a constant representing the tolerance
    // you can adjust it as you like;
    var epsilon = 10;
    if(event.y < epsilon &&
        $('#move').hasClass('pep-active')){ // check if the element is being dragged
            location.href='http://google.com';
    }
});

http://jsfiddle.net/t3Ln8/2/fiddle 似乎无法正常工作，但请检查控制台以了解出于安全原因(跨域 iframe)您没有被重定向。

编辑:顶部和底部链接:

document.addEventListener('mousemove', function (event) {
    var epsilon = 10;
    if(event.y < epsilon &&
        $('#move').hasClass('pep-active')){
            location.href='http://google.com';
    }
    if(document.documentElement.clientHeight - event.y < epsilon &&
       $('#move').hasClass('pep-active')){
            location.href='http://yahoo.com';
    }
});