2013-05-08 153 views
0

我无法实现滚动水平的jquery插件。问题是,即使我不遵循每条指令,但它并不滚动水平。jquery水平滚动错误

以下是演示: http://www.designedbyaturtle.co.uk/demos/horizontal-scrolling/

我演示http://jsbin.com/ezizoz/1

有人可以帮助我

<!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> 

回答

0

它的工作。 只需交换脚本行。首先包括jquery文件,然后是鼠标滚轮文件。

<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>