Jquery水平滚动错误
Jquery水平滚动错误
提问于 2013-05-08 18:42:29
我在实现水平滚动的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>回答 2
Stack Overflow用户
回答已采纳
发布于 2013-05-08 18:54:45
起作用了。只需交换脚本行即可。首先包含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> Stack Overflow用户
发布于 2013-05-08 18:59:15
此外，您还必须包括CSS..
然后它就能工作了
http://jsbin.com/ezizoz/4
查看此演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16438580
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号