Jquery水平滚动错误

Question

我在实现一个滚动水平的jquery插件时遇到了麻烦。 问题是，它不会滚动水平，即使我遵循每条指令。

这是演示： http ： //www.designedbyaturtle.co.uk/demos/horizontal-scrolling/

有人能帮我吗

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  <html>
  <head>


  <script src="http://www.designedbyaturtle.co.uk/demos/horizontal-scrolling/jquery.mousewheel.min.js"></script>    <meta charset="utf-8" />

  <script type = "text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>


  <script>
        $(document).ready(function() {

            $('html, body, *').mousewheel(function(e, delta) {
                this.scrollLeft -= (delta * 40);
                e.preventDefault();
            });

        });
    </script>

  </head>

  <body>

  dwdddddddddddddddddddddddddddddddddddd
  dwdddddddddddddddddddddddddddddddddddddwdddddddddddddddddddddddddddddddddddddwdddddddddddddddddddddddddddddddddddddwdddddddddddddddddddddddddddddddddddddwdddddddddddddddddddddddddddddddddddddwdddddddddddddddddddddddddddddddddddddwdddddddddddddddddddddddddddddddddddddwdddddddddddddddddddddddddddddddddddddwdddddddddddddddddddddddddddddddddddd
  </body>
  </html>

Answer 1

你也必须包括CSS ..

然后它工作

http://jsbin.com/ezizoz/4

检查这个演示

Answer 2

它正在发挥作用。 只需交换脚本行。 首先包括jquery文件，然后是mousewheel文件。

<meta charset="utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://www.designedbyaturtle.co.uk/demos/horizontal-scrolling/jquery.mousewheel.min.js"></script>

Jquery水平滚动错误

问题描述

2 个解决方案

解决方案1
2 2013-05-08 10:59:14

解决方案2
0 已采纳 2013-05-08 10:54:44

Jquery水平滚动错误

问题描述

2 个解决方案

解决方案1 2 2013-05-08 10:59:14

解决方案2 0 已采纳 2013-05-08 10:54:44

解决方案1
2 2013-05-08 10:59:14

解决方案2
0 已采纳 2013-05-08 10:54:44