javascript - 使用滑动脚本在 Windows 上的 Chrome 中滚动错误

Question

我正在使用 iDangero 的这个滑动脚本，但我有一个小的，它在任何地方都能完美运行，但只有 Windows 上的 Chrome 给我带来了困难。我已经向脚本的所有者说明了这个问题，但他目前找不到脚本的解决方案，也许这里有人可以帮助我。

GitHub 问题:
https://github.com/nolimits4web/Swiper/issues/825

脚本网址:
http://www.idangero.us/sliders/swiper/

网址:
http://testjevorm.nl/magazine

问题:
进入网站后，您可以通过两种方式导航到下一张幻灯片:

1. 点击左侧的“UITGELICHT ARTIKEL” block 。
2. 点击右边的箭头

当您单击左侧的 block 时，无法在下一页上上下滚动(滚动不知何故不起作用/被禁用)。奇怪的是，当您单击右侧菜单中的箭头或将鼠标悬停在页面上的社交媒体图标上时，它会“激活”。

为了展示这个问题，我制作了一个小视频:
http://youtu.be/T8Bnz2fsvhU

(是的，它是 Windows XP，但在 Windows Vista 和 Windows 7 中也存在该问题)

部分解决方案:我发现这与我自己添加的css有关:

body {width:100%; height:100%;}
html {width:100%; height:100%;}

当我删除它时，问题就解决了，但是所有页面的高度都与系列中最长的页面相同。

Answer 1

刚刚在我的 Mac 上尝试了您告诉我的操作。它在我的 Mac 上运行良好，但这并不是你所说的不起作用，所以我在 Windows 8 笔记本电脑上试了一下。

好吧......它对我来说非常好，在 Windows 8 上使用 Chrome 35。我假设你已经解决了这个问题，或者你的 Windows XP 在 mac 上的设置有问题。

注意:我非常怀疑您的网站存在问题，该问题只会“显示”在 Windows 7 或更低版本中，因为 Windows 一直向下兼容(而且我'我确信他们没有改变滚动行为的任何内容。

注意 2:如果问题仍然存在，则可能是 Windows XP 上的 chrome。但是，如果您希望它也适用于此(或者您的公司政策如此规定)，那么试试这个:

在您的 CSS 中，只需将 overflow-x: scroll 添加到您的正文中即可。