gpt4 book ai didi

windows - Metro 风格应用程序使用鼠标滚轮水平滚动

转载 作者:可可西里 更新时间:2023-11-01 14:26:08 26 4
gpt4 key购买 nike

您好,我正在尝试为我的 metro 风格应用做一个概念验证。这是我的代码:

<html>
<head>
<script src="jquery.min.js"></script>
</head>

<body style="height: 600px">
<div id="wrapper" style="width:10000px">
<div class="child" style="float: left; width: 200px; border-style: solid;">Left Stuff</div>
<div class="child" style="float: left; width: 200px; border-style: solid;">Middle Stuff</div>
<div class="child" style="float: left; width: 200px; border-style: solid;">Right Stuff</div>
<div class="child" style="float: left; width: 200px; border-style: solid;">Right Stuff</div>
<div class="child" style="float: left; width: 200px; border-style: solid;">Right Stuff</div>
<div class="child" style="float: left; width: 200px; border-style: solid;">Right Stuff</div>
<div class="child" style="float: left; width: 200px; border-style: solid;">Right Stuff</div>
<div class="child" style="float: left; width: 200px; border-style: solid;">Right Stuff</div>
</div>
</body>
</html>

<script type="text/javascript">


$(document).ready(function() {
$("#wrapper").wrapInner("<table cellspacing='30'><tr>");
$(".child").wrap("<td></td>");

document.documentElement.onmousewheel = function (event) {
$('body').scrollLeft($('body').scrollLeft() - event.wheelDelta);
};
});
</script>

鼠标滚轮事件在 IE10(Windows 8)中运行良好,因此我创建了一个仅包含 2 个文件的 html5 javascript metro 样式应用程序:包含上述代码的 default.html 文件和 jquery.min.js 文件。

当运行应用程序时,我有相同的显示,但是当使用鼠标滚轮时水平滚动不起作用,就像在 ie 10 中一样。注意:在 Metro 中捕获鼠标滚轮事件(在此行“$('body').scrollLeft($('body').scrollLeft() - event.wheelDelta); 上放置一个断点,但这不是滚动。

metro 有什么问题,有没有其他方法可以水平滚动。

谢谢

最佳答案

你快到了。使用 .win-horizo​​ntal 而不是你的#wrapper。这对我有用。

在以下位置找到答案:http://social.msdn.microsoft.com/Forums/en-US/winappswithhtml5/thread/3b4e4ffa-3d27-4d34-810b-03311fac03e8

谢谢 Juliana Peña。

关于windows - Metro 风格应用程序使用鼠标滚轮水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10829683/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com