簡體   English   中英

jScrollPane無法在Windows 8觸摸屏筆記本電腦中滾動瀏覽器上的內容

[英]jScrollPane Unable to scroll the content on Browsers in Windows 8 touch screen laptop

我在我的網站上使用jQuery jScrollPane插件,它在普通的PC瀏覽器和iPad,Android平板電腦上工作正常。

但是,當我在Windows 8觸摸屏筆記本電腦上打開我的網站時,我無法使用iPad或Android平板電腦等觸摸手勢滾動頁面。

我也試過這個演示網站( http://jscrollpane.kelvinluck.com/themes/lozenge/ ),我無法用觸摸手勢滾動內容。

要滾動頁面,我必須轉到滾動條並向左/向右拖動。 早期使用默認滾動條我可以使用觸摸手勢滾動頁面,現在我無法使用jScrollPane。

我能夠在Chrome中滾動內容(演示和我的網站,在windows8設備中),但不能在IE和FireFox中滾動

這是一個已知的問題? 我怎樣才能解決這個問題?

jScrollPane是否僅支持用於觸摸手勢的webkit瀏覽器?

如果是,我們怎樣才能讓它適用於所有瀏覽器,尤其是Firefox和IE?

更新:

正如我在評論Bruno的回答中提到的那樣,我們已經嘗試過使用以下樣式來進行分類......但是沒有運氣

.scroll-pane{
overflow-x:scroll; 
-ms-touch-action: pan-x;    
}

and 

.scroll-pane{
overflow-x: scroll;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0%, 100%);

}

將此樣式添加到CSS的body標記中。

overflow-x:scroll ; 
-ms-touch-action: pan-x;

它對我有用。 希望這對你也有幫助。 最好的運氣。

是的,jScollPane只關心webkit觸摸事件(它們是唯一的事件atm)但現在MS引入了Pointer事件 ,雖然很容易檢測到許多開發人員不這樣做。 想到的另一個例子是FlexSlider插件,它也用於僅檢測touchend,touchstart等。

如果您想讓jScollPane在Win8中工作,您可能需要修改源並調整它以檢測MS指針事件。

我將一個MsPointerEvents( http://goo.gl/MnEIh )添加到jquery.jscrollpane.js:

https://raw.github.com/karacas/jScrollPane/9fe8872f6e2438a87847e3d01b46648f06d15fc1/script/jquery.jscrollpane.js

希望它有效,對不起,但我無法測試這個,因為我沒有w8。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM