[CSS3]touch-action

規定用戶能否以及如何操作頁面上的指定區域
注意:這是IE11的屬性,在IE10應使用-ms-touch-action,IE10之前的瀏覽器不支持
語法
touch-acion: auto | none | [ [ [ pan-x || pan-y || pinch-zoom ? ] | manipulation ] || double-tap-zoom ? ]

屬性值
auto:
默認值。瀏覽器允許一些手勢(touch)操作在設置了此屬性的元素上,例如:對視口(viewport)平移、縮放等操作。

none:
禁止觸發默認的手勢操作。

pan-x:
可以在父級元素(the nearest ancestor)內進行水平移動的手勢操作。

pan-y:
可以在父級元素內進行垂直移動的手勢操作。

manipulation:
允許手勢水平/垂直平移或持續的縮放。任何auto屬性支持的額外操作都不支持。

注:touch-action只支持具有CSS width和height屬性的元素。這個限制的目的是幫助瀏覽器優化低延時的手勢操作。對於默認不支持此屬性的元素,如這種內聯元素,可以給它設置display:block這樣的CSS屬性來支持width和height。未來W3C規範會將此API擴展到支持所有元素。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章