我正在尝试检测用户在使用我的网站时是否在缩放iOS设备,如果他们缩放我想隐藏特定元素,同样如果他们缩小我想再次显示它们。

这可能吗?

我知道这是设备功能,而不是浏览器或页面特定的功能,但是页面的外观以及某些元素的大小和位置如何似乎是一个问题。

任何帮助将是巨大的,在此先感谢您的任何答复。

最佳答案

你可以用这个

var zoomOri = document.documentElement.clientWidth / window.innerWidth;
var zoomCurrent = zoomOri;
$(window).resize(function() {
 var zoomNew = document.documentElement.clientWidth / window.innerWidth;
 if (zoomOri != zoomNew && zoomNew != zoomCurrent) {
     $('.yourclas').hide();
 else if (zoomOri == zoomNew && zoomNew != zoomCurrent)
     $('.yourclas').show();
 zoomCurrent = zoomNew
});

关于jquery - 在iPad上检测页面缩放并隐藏特定的类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16831870/

10-11 12:35