使用Swipe-script在Windows上的Chrome中滚动错误

时间:2014-06-24 11:05:03

标签: javascript html css google-chrome

我正在使用iDangero的这个滑动脚本,但我有一个小的,它在任何地方都很完美,但只有Chrome浏览器才能给我带来困难。我已经在剧本的主人处陈述了这个问题,但此时他找不到脚本的解决方案,也许这里有人可以帮助我。

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

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

URL:
http://testjevorm.nl/magazine

问题:
一旦您访问该网站,您就可以通过两种方式导航到下一张幻灯片:

  1. 点击左侧的“UITGELICHT ARTIKEL” - 块。
  2. 点击右侧的箭头
  3. 当您单击左侧的块时,无法在下一页上下滚动(滚动以某种方式不起作用/禁用)。奇怪的是,当您单击菜单中的箭头或将鼠标悬停在页面上的社交媒体图标上时,它会“激活”。

    要显示问题,我制作了一个小视频:
    http://youtu.be/T8Bnz2fsvhU

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

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

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

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

1 个答案:

答案 0 :(得分:0)

刚尝试了我告诉我在Mac上做的事情。它在我的Mac上工作正常,但这不是你说的不起作用,所以我在Windows 8笔记本电脑上试了一下。

嗯...对我来说非常好,在Windows 8上使用Chrome 35.我认为你要么解决了这个问题,要么你的Mac上的Windows XP设置有问题。

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

注2:如果您仍然遇到此问题,则可能是Windows XP上的Chrome。但是正如你想要的那样(或者你的公司政策如此规定),那么试试这个:

在您的CSS中,只需将overflow-x: scroll添加到您的身体。