Question

$(document).on('mousemove', function(e) {
    var y = e.clientY;
    var h = $(window).height();
    var n = h - y;  
    if (n < 60) {
        var t = parseFloat($(window).scrollTop());
        console.log(t);
        $('html,body').animate({scrollTop:t + 60 + 'px'},200);
    } else {
        $('html,body').stop();
    }
});

当鼠标根据鼠标Y值移动到底部（<60px）时，我使用上面的代码进行页面滚动。每次我需要将鼠标移动到60以上才能获得页面滚动。是否可以使此滚动更加平滑，如缓动效果。 JsFiddle

Answer 1

仅 jQuery仅支持swing和linar缓动。您应该添加jQuery UI以添加对更复杂的缓动函数的支持。

无论如何，我建议你使用更加性能和紧凑的库进行缓动，比如Velocity.js（http://julian.com/research/velocity/）

在mousemove上的jQuery自动页面滚动

1 个答案: