Làm thế nào để thực hiện việc nới lỏng JQuery vào chức năng di chuyển cửa sổ này?

Question

Với mã này, tôi đã có thể chụp chuyển động của con lăn chuột và áp dụng nó vào thanh cuộn ngang thay vì theo mặc định theo chiều dọc.

$('html').bind('mousewheel', function(event, delta) { 
    window.parent.scrollBy(-120 * delta, 0); 
    return false; 
}); 

Có cách nào để tôi có thể thêm hoạt ảnh nới lỏng jQuery này vào chuyển động cuộn không?

// t: current time, b: begInnIng value, c: change In value, d: duration 
jQuery.extend(jQuery.easing, { 
    easeInOutBack: function (x, t, b, c, d, s) { 
     if (s == undefined) s = 1.70158; 
     if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; 
     return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; 
    } 
}); 

Cảm ơn bạn rất nhiều trước!

Answer 1

tôi nghĩ những gì bạn cần là plugin scrollTo. dường như phù hợp với hóa đơn, mặc dù tôi đã không sử dụng nó cá nhân. về cơ bản sẽ có thể gọi nó như thế này

$.scrollTo(-120*delta, {duration:1000,easing:'easeInOutBack',axis:'x'}) 

tìm bản trình diễn plugin here. trang web plugin jquery dường như ngoại tuyến hiện tại, nhưng khi sao lưu, plugin có thể được tìm thấy here