Cách thực hiện

Thêm tổng thể js bên dưới vào trước thẻ vào template.

! function() var e, t = frameRate: 150, animationTime: 400, stepSize: 120, pulseAlgorithm: !0, pulseScale: 4, pulseNormalize: 1, accelerationDelta: 20, accelerationMax: 1, keyboardSupport: !0, arrowScroll: 50, touchpadSupport: !0, fixedBackground: !0, excluded: "" , o = t, a = !1, n = !1, r = x: 0, y: 0 , l = !1, i = document.documentElement, c = <>, u = /^Mac/.test(navigator.platform), d = left: 37, up: 38, right: 39, down: 40, spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36 ; o = t; function s() if (!l && document.body) if (m.push( x: t, y: a, lastX: t = o.animationTime, w = p ? 1 : h / o.animationTime; o.pulseAlgorithm && (w = R(w)); var b = s.x * w - s.lastX >> 0, v = s.y * w - s.lastY >> 0; l += b, i += v, s.lastX += b, s.lastY += v, p && (m.splice(c, 1), c--) u ? window.scrollBy(l, i) : (l && (e.scrollLeft += l), i && (e.scrollTop += i)), t ; K(d, e, 0), f = !0 } function w(t) 0, i = -t.wheelDeltaY function b(t) image)$/i; if (/^(textarea function v(t) e = t.target var g, y, S, x = (g = 0, function(e) ), D = ; function k() clearTimeout(y), y = setInterval(function() D = , 1e3) function M(e, t) for (var o = e.length; o--;) D)> = t; return t function T(e) var t = <>, o = document.body, a = i.scrollHeight; vị var r = D; if (r) return M(t, r); if (t.push(e), a === e.scrollHeight) var l = C(i) && C(o) else if (H(e) && E(e)) return M(t, e) while (e = e.parentElement) function H(e) { return e.clientHeight + 10 = 1 ? 1 : e tiếp nối lưu mẫu là xong! lưu ý phải có thư viện jquery sẵn trong template thì hiệu ứng mới chạy nhé!