2014-06-24 26 views
1

我使用iDangero中的這個滑動腳本,但是我有一個很小的,到處都是完美的,但是隻有Windows上的Chrome纔給我一個很難的時間。我已經在劇本的主人面前說過這個問題,但是他現在還找不到劇本的解決方案,也許這裏有人可以幫助我。在GitHub上使用滑動腳本在Windows上滾動Chrome中的錯誤

問題:
https://github.com/nolimits4web/Swiper/issues/825

腳本網址:
http://www.idangero.us/sliders/swiper/

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

的問題:
只要你去,你有地導航到下一張幻燈片兩種方式網站:

  1. 點擊左側的「UITGELICHT ARTIKEL」 - 塊。
  2. 點擊右側

上的箭頭當你點擊左邊是不可能的上下滾動下頁(滾動由於某種原因不能正常工作/禁用)的模塊上。奇怪的是,當您點擊菜單右側的箭頭或將鼠標懸停在頁面上的社交媒體圖標上時,它會「激活」。

爲了證明我做了一個小的視頻問題:
http://youtu.be/T8Bnz2fsvhU

(是的,它的Windows XP,但問題也存在於Windows Vista和Windows 7)解決方案的

部分: 我發現它與我自己添加的CSS做:

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

當我刪除此,問題就解決了,但隨後所有的網頁有個與系列中最長的頁面高度相同。

回答

0

剛剛嘗試了您告訴我在我的Mac上執行的操作。它可以在我的Mac上正常工作,但這不是你所說的無效,所以我在Windows 8筆記本電腦上試了一下。

呃...它對我來說非常好,在Windows 8上使用Chrome 35。我假設你解決了這個問題,或者說你的Mac上的Windows XP安裝有問題。

注:我高度懷疑,有您網站上的問題,在Windows 7中,這將只是「顯示」或以下,因爲Windows一直非常向下兼容的(我敢肯定,他們的避風港沒有改變關於滾動行爲的任何事情)。

注2:如果您仍然遇到問題,它可能在Windows XP上顯示爲灰色。但是,如果您希望它能夠正常工作(或您的公司政策如此),請嘗試以下操作:

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

+0

感謝您的答案,但添加溢出沒有幫助.. :(該問題也發生在Vista和Windows 7(不僅通過我的Mac,而且在Windows電腦)。我已經測試了很多不同的設備,構建腳本的人也有問題 –

+0

我給了它一個+1,希望有其他想法的人可以提供幫助。我沒有遇到這個問題,但它可能實際上是一個Chrome bug。瀏覽器? – DerGoliHerr

+0

其他瀏覽器沒有任何問題,在Mac和Windows電腦上,IE,Firefox,Safari和Opera都可以。 –