2011-08-11 45 views
4

我々は、AppleのWebサイトにアクセスしてください:sbsstatic /maintenance.html?start=0 & TSTART = 0" > https://discussions.apple.com/ sbsstatic /maintenance.html?start=0 & TSTART = 0ユーザーのズームイベントに反応する方法はありますか?

、我々はいくつかのズーム(Ctrlキー+とCTLRを-0)やる、私たちがズームされている間、トップバーはスライド効果を持っている見ることができます。どのようにだろう/可能性

誰もが任意のアイデアを知っています実装されているのですか?

答えて

4

ありませんでもHTML5でonzoomイベント:

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

「ズームレベルの変化を検出する1つの方法は、パーセンテージ値がズームされていないという事実に依存しています。パーセンテージ値はビューポートの幅を基準にしているため、ページズームの影響を受けません。 2つの要素(パーセンテージの位置とピクセルの位置が同じ)を挿入すると、ページがズームされたときに離れて移動します。両方の要素の位置との間の比率を見つけ、あなたはズームレベルを持っている「

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

+3

http://www.w3fools.com –

+0

w3foolsでは、イベント属性ページのエラーは表示されません。それ以外に、w3schoolsは他のものと同じようにソースです。特に間違ったことは何もありません。 –

+0

@Jacekあなたはチェックを行う無限ループを実行すると言っていますか? – Pacerier

0

これは、いくつかのCSSアニメーションのトリックを使用しています。チュートリアルhereがあります。

スタイルの種類のサンプルを(上記のチュートリアルから)トンあなたはhereこれを選別する彼らの「強化」スタイルシートを見てみることができます

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

:帽子はあなたが探してあなたに影響を与えるだろう。

+0

しかし、これはズームインとズームアウト時に何をするのですか? – Pacerier

+0

@Pacerierあなたの質問は、リンゴの事がどのように働いたのかを尋ねました...私はそれを理解しています。上記のCSSは、ズームレベルに関連して変化するdivを作成します。私がリンクしているチュートリアルを見てください...スクロールダウン、ボックスを見て、ズームインしてください。非常に簡単な方法で同じ効果があります。 – Timbo

+0

@Badgetもちろん私はそれをdownvote – Pacerier

関連する問題