我正在使用iDangero的这个滑动脚本,但我有一个小的,它在任何地方都很完美,但只有Chrome浏览器才能给我带来困难。我已经在剧本的主人处陈述了这个问题,但此时他找不到脚本的解决方案,也许这里有人可以帮助我。
GitHub问题:
https://github.com/nolimits4web/Swiper/issues/825
脚本网址:
http://www.idangero.us/sliders/swiper/
URL:
http://testjevorm.nl/magazine
问题:
一旦您访问该网站,您就可以通过两种方式导航到下一张幻灯片:
当您单击左侧的块时,无法在下一页上下滚动(滚动以某种方式不起作用/禁用)。奇怪的是,当您单击菜单中的箭头或将鼠标悬停在页面上的社交媒体图标上时,它会“激活”。
要显示问题,我制作了一个小视频:
http://youtu.be/T8Bnz2fsvhU
(是的,它是Windows XP,但Windows Vista和Windows 7中也存在问题)
部分解决方案: 我发现它与我自己添加的CSS有关:
body {width:100%; height:100%;}
html {width:100%; height:100%;}
当我删除此问题时,问题就解决了,但所有页面都与系列中最长的页面具有相同的高度。
答案 0 :(得分:0)
刚尝试了我告诉我在Mac上做的事情。它在我的Mac上工作正常,但这不是你说的不起作用,所以我在Windows 8笔记本电脑上试了一下。
嗯...对我来说非常好,在Windows 8上使用Chrome 35.我认为你要么解决了这个问题,要么你的Mac上的Windows XP设置有问题。
注意:我非常怀疑您的网站上存在一个问题,只会在Windows 7或更低版本中“显示”,因为Windows一直向下兼容(而且我'我确定他们没有改变滚动行为。)
注2:如果您仍然遇到此问题,则可能是Windows XP上的Chrome。但是正如你想要的那样(或者你的公司政策如此规定),那么试试这个:
在您的CSS中,只需将overflow-x: scroll
添加到您的身体。