有什么方法可以对用户缩放事件做出反应吗?

时间:2011-08-11 08:16:36

标签: javascript html css

当我们访问苹果网站时: sbsstatic /maintenance.html?start=0&tstart=0“> https://discussions.apple.com/ sbsstatic /maintenance.html?start=0&tstart=0

我们做了一些缩放(Ctrl +和Ctlr -0),我们可以看到顶部栏在我们缩放时有滑动效果。

有没有人知道任何想法会如何实施?

3 个答案:

答案 0 :(得分:4)

即使在HTML5中也没有onzoom事件:

http://www.w3schools.com/html5/html5_ref_eventattributes.asp

“检测缩放级别更改的一种方法依赖于百分比值未缩放的事实。百分比值相对于视口宽度,因此不受页面缩放的影响。如果插入两个元素,一个位置在百分比,以及一个像素位置相同的位置,当页面缩放时它们会分开。找到两个元素的位置之间的比例,你就得到了缩放级别。“

http://novemberborn.net/2007/12/javascriptpage-zoom-ff3-128

答案 1 :(得分:0)

是!

是的,写一个键盘事件处理程序或我们这样的库: http://www.openjs.com/scripts/events/keyboard_shortcuts/

答案 2 :(得分:0)

这是使用一些CSS动画技巧。有一个教程here

样式类型的示例(来自上面的教程),它将为您提供所需的效果:

<div style="-webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2);">...</div>

您可以查看“{增强型”样式表,对其进行排序here