水平使用鼠标滚轮滚动到下一个div

Question

我有一个水平布局网站基本上工作得很好，除了那些不直观地看到如何导航它的人似乎有点令人沮丧。所以我已经实现了水平鼠标滚轮滚动，以便进行另一种浏览页面的方法。但是，我真的更喜欢滚动直接转到下一个div并停止，然后转到下一个等等。我在stackoverflow上遇到了这个here，但我真的不确定如何适应我有。

这是我目前正在触发的代码，以便进行水平滚动：

<script>
    $(document).ready(function() {
        $('html, body, *').mousewheel(function(e, delta) {
            this.scrollLeft -= (delta * 20);
            e.preventDefault();
        });
    });
</script>

我页面中的每个面板都在文章标签内，所以我希望每个鼠标滚动到下一篇文章（或者回到上一篇，视具体情况而定）。

我应该补充一点，我想禁用移动设备的水平滚动。有没有办法做到这一点？