-1

真的坚持这个：

我有一个静态页面，顶部有一个固定菜单栏，z-index 较高。页面主体是菜单栏下方较低的 z-index。

当我在智能手机或平板电脑上查看此页面时，我用手指分别缩放顶部菜单栏和正文缩放，这对客户来说非常烦人。当有人在智能平板电脑或设备上用手指缩放时，我可以将页面一起缩放（顶部菜单栏和正文）吗？这是页面：

www.givemehop​​e.com/test.htm

主体在顶部菜单栏下方正确流动，但我需要让两个元素在智能手机或 ipad 上一起缩放？

谢谢您的帮助。

埃里克

4

1 回答 1

1

我一直在努力解决这个基本上固定菜单在放大时不起作用。我认为可以在缩放时更改菜单的类，以便当用户放大菜单时变为静态或绝对100% 变得固定。幸运的是，有人能够帮助我查看下面的小提琴。希望这可以帮助。

在页面缩放上添加类。100% 时删除

您可以使用此插件来检测缩放https://github.com/yonran/detect-zoom然后将其添加到您的页面。

var zoomLevel = document.getElementById('zoom-level');
window.onresize = function onresize() {

zoom = DetectZoom.zoom();

$('.navbar').text(zoom);

$(".navbar").removeClass("zoomed");

if(zoom > 1)
 $(".navbar").addClass("zoomed in");

if(zoom < 1)
$(".navbar").addClass("zoomed out");    

}
onresize();

http://jsfiddle.net/JsEPq/

于 2013-01-22T19:04:46.043 回答