2014-11-05 29 views
3

我正在嘗試使用http://wipetouch.codeplex.com/在Meteor應用上實施滑動操作,以在Iron Router中的模板之間切換。在Windows Phone上禁用向右滑動到上一頁

它在iOS和Android上運行得非常漂亮,但在Windows Phone上,操作系統的本機刷卡手勢(在瀏覽器中向右滑動會將歷史記錄移回一頁)干擾用戶的刷卡操作。

有什麼辦法可以禁用它嗎?

另外哪些其他平臺具有相似的功能,可以防止用戶有效地在網頁應用中滑動?

作爲示例,this應用程序還使用相同的庫來實現輕掃手勢。

注意:使用觸摸動作:身體標記上的任何內容都不起作用。

回答

6

我在一個小小的網絡應用程序中遇到了同樣的問題:它是一款刮刮遊戲,玩家不得不在整個「可刮擦」區域上滑動手指,以發現他贏得了什麼。

該遊戲應該運行在Windows 8.1平板電腦上,並且上面有IE10。

我們把CSS中的這個片段:

*{ 
    touch-action: none; 
} 

結果是對應用完全停用任何觸摸事件(包括刷卡向後/向前)。

但是,我們不得不重新觸摸事件僅在劃痕區,允許玩家玩:)

爲此,我們必須補充一點:

#playzone{ 
    touch-action: chained; 
} 

的應用程序仍然運轉完好,無論是在平板電腦上的IE10還是在Windows Phone 8.1上。

(請原諒我的英語水平,這不是我的母語)

編輯:在已經測試了在IE上,似乎在html元素加入touch-action:none;足以達到什麼OP通緝。

+0

這不起作用。使用'touch-action:none;'並添加'touch-action:chained;'並不妨礙瀏覽器在歷史記錄功能中向後滑動。這正是我想要禁用的。仔細閱讀問題。 – Siddharth 2014-11-10 14:48:15

+0

正如我所說,在我們的應用程序中,我給你的代碼足以防止歷史上的回擊。我再次測試它,它完美無瑕。如果您向我們提供不起作用的代碼 – 2014-11-10 15:20:02

+0

或許我們可以爲您提供更多幫助您是否可以在線聯繫您的應用程序或其子集? – Siddharth 2014-11-10 16:24:30