問題タブ [viewport]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1927 参照

jquery - jQuery:ドキュメント内のブロックがビューポートの内側にあるか外側にあるかを確認するにはどうすればよいですか?

フッターがビューポート内にある場合、基本的に関数をトリガーしようとしています。

フッターが現在ビューポートに表示されているかどうかを確認するにはどうすればよいですか?

フッターが表示されたらリスナーがtrueになるようにイベントに入れる$(window).scroll()必要があると思いますが、関数がどうあるべきかわかりません。

どんな助けでも大歓迎です。

読んでくれてありがとう、

ジャニス

0 投票する
1 に答える
8962 参照

iphone - Webkit iPhoneアプリ:ビューポートでユーザーのズーム(またはスケール、画像、ズーム)を動的に変更するにはどうすればよいですか?

iPhoneアプリにはJQTouchを使用しています。JQtouchは、デフォルトでページをピンチ&ズームする機能を無効にします。1ページ(大きな画像を含む)の場合、ピンチ&ズーム機能を有効にする必要があります。これは簡単 :

しかし、ユーザーがピンチ&ズームで遊んだ後、ズーム(スケール)をデフォルトに動的にリセットする必要があります。ビューポートをリセットしようとしました:

上記のコードを呼び出した後、ズームすることはできなくなります(user-scalable = 0;のため)が、現在のスケールをデフォルトに変更することはありません。

setScale(1)のようなものを探しているか、current-scale=1のような属性を変更します

何か案が ?

0 投票する
4 に答える
28085 参照

jquery - ユーザーがページの一番下に到達したときにdivを表示する方法は?

ユーザーがページの一番下までスクロールすると、もちろんjQueryを使用してdivを表示したいと思います。ユーザーがスクロールして一番上に戻ると、div がフェードアウトします。ビューポートを計算する方法(または正しい名前は何でも):)

ありがとう

0 投票する
2 に答える
759 参照

silverlight - 「ビューポートにスクロール」-Silverlightのようなイベント

ControlSilverlightで、 (またはいずれかFrameworkElement)がビューポートにスクロールされて表示された場合に通知イベントを取得する方法はありますか?

Lazy LoadImagesjQueryプラグインのようなものを実装したいと思います。

0 投票する
2 に答える
263 参照

css - ページがビューポートをわずかに超えているのはなぜですか?[CSS]

基本的に私は少し混乱しています。http://furnace.howcode.comの2番目の列で、下部のスクロールバーボタンがビューポートの端をわずかに超えて拡張されていることがわかります。CSSを調べていて、これを引き起こしているものが見つからないため、かなり混乱しています。

ご覧いただけますか?それはおそらく私が見逃した単純なものです!:)

スクリーンショット:

うーん…?
(出典:droplr.com

0 投票する
1 に答える
2541 参照

extjs - 北地域の問題のメニューを持つExt.Viewport

ページにExt.Viewportがあります... Northリージョンには、ドロップダウンメニューがあります...しかし、メニューアイテムの上にマウスを置くと、メニューアイテムはドロップダウンしますが、アイテムはCenterリージョンパネルの下に表示されます。私はこれを機能させることができませんでした。z-indexを設定してみましたが、まったくうまくいきませんでした。

ヘルプ?

ありがとう

0 投票する
1 に答える
618 参照

android - Android 2.1 のアドレス バーによりビューポートの寸法が変化する

100% の幅と高さの div を含むページがあります (実際に 100% の幅と高さを実現するように、周囲のすべての要素のサイズが調整されます)。その div の下に、高さが固定された 2 つ目の div があります。

モバイルサファリとブラックベリーでは、ページが読み込まれると寸法が正しく適用され (ビューポートを埋める上部の div)、ユーザーは下にスクロールして 2 番目の div を表示できます。Android 2.1 も寸法を正しく適用しますが、奇妙な点が追加されています。ユーザーが下にスクロールしてアドレス バーをページから削除すると、div のサイズが再計算されてビューポートがいっぱいになり、コンテンツがジャンプします。理想的には、ページがスクロールされたときに div のサイズを静的のままにし、デバイスのサイズや向きに関係なくビューポートを埋めるように 100% のままにしたいと考えています。

この再計算を無効にする方法を知っている人はいますか?

ご協力いただきありがとうございます。

0 投票する
2 に答える
767 参照

jquery - jQuery 構文エラー - ビューポート サイズを検出し、CSS で使用する背景画像を選択しようとしています

優しくしてください、私はまだ勉強中です。私の問題の解決策は簡単で、おそらくコンピューターの前に長時間いすぎたのではないかと思います。

ビューポートのサイズを検出し、ビューポートのサイズに応じて要素の背景に異なるサイズの画像を使用しようとしています。

これが私がこれまでに持っているものです:

エラー:

ない ; before statement [このエラーで中断] elseif ( pageWidth > 1280 ) {\n (7行目)

私には、すべてのセミコロンが適切な場所にあるようです。2 つの質問:

  1. 賢明な方法で問題を解決しようとしていますか? コードは、ビューポートが検出されたサイズに基づいて2つの画像から選択しているだけなので、単純な条件付きでこの背景の問題を解決する必要があります。

  2. 私の n00b 構文エラーを指摘していただけませんか? たとえ小さいものであっても、このようなものを見るために余分な目を持つことが本当に役立つ場合があります.

アドバイスをいただきありがとうございます。引き続き、利用可能なドキュメントを調べて熟読していきます。

0 投票する
5 に答える
47675 参照

javascript - HTML のビューポートとは。

HTMLのビューポートとは何ですか? ビューポートの詳細にアクセスする方法の例をいくつか教えてください。

0 投票する
7 に答える
292025 参照

jquery - jQuery を使用してビューポートのサイズを取得する

jQuery を使用してブラウザーのビューポートのサイズを決定し、ページのサイズが変更された場合にこれを再検出するにはどうすればよいですか? IFRAME サイズをこのスペースに入れる必要があります (各余白に少し入ります)。

知らない人のために、ブラウザのビューポートはドキュメント/ページのサイズではありません。スクロール前のウィンドウの表示サイズです。