javascript - 用鼠标滚轮滚动网站，而不是拖动滚动

Question

我基于一个模板构建了这个网站，您可以在其中拖动以滚动浏览照片，但由于要求发生变化，我需要对其进行更改，因此您只需滚动鼠标滚轮即可像普通网站一样滚动。

从代码中知道这是如何完成的吗？

甚至不确定它是否完全是 CSS 或 JS。

http://www.replyonline.co.uk/DirectionGroup/xmas/index.php

谢谢， 蒂姆

Answer 1

它使用 JavaScript - 特别是 jQuery Kinetic从外观上看。

如果您关闭 JavaScript(或从页面中删除脚本)，它会像“正常”页面一样滚动。

编辑:

在 Kinetic 插件之外(没看哪里)，脚本正在将 overflow CSS 更改为 hidden；这需要保持滚动，根据页面的初始状态 sans JavaScript。

.ib-main-wrapper {
    bottom: 24px;
    left: 18px;
    overflow: scroll;
    position: absolute;
    top: -98px;
    margin-top: 115px;
    outline: medium none;
    width: 100%;
}