問題タブ [browser-width]

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 投票する
1 に答える
2811 参照

jquery - jQuery Sticky Nav とレスポンシブ デザインの問題

ページを下にスクロールするときに固定ナビゲーションを実現するために使用しているこのコードでは修正できない問題があります。

js が何もしないようにしたい ブラウザ ウィンドウの幅が 720px 未満の場合、機能しますが、最初のページの読み込みでのみ機能します。つまり、固定ナビゲーションがアクティブなときにウィンドウのサイズを変更すると、ウィンドウのサイズを 720px 未満に変更しても、アクティブなままになります。jQuery は次のとおりです。

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

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

media-queries - jquery関数を実行する方法はありますが、ブラウザウィンドウの幅が> 1024pxの場合のみですか?

これは、レスポンシブな 1 ページの Web サイトに追加したい機能ですが、ブラウザーの幅が 1024px を超える場合に限られます。

jQuery に関する私の知識は最小限です。これは私が今持っているコードです:

これは、この関数をロードする HTML にあるコードです。

別の質問として、この関数が起動しない場合、たとえば、ユーザーが幅 1024 ピクセル未満のデバイスにサイトをロードした場合、JavaScript ファイルをロードする必要がありますか?

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

jquery - ブラウザでウィンドウの寸法をエミュレートする

サイド プロジェクトとして、(Bootstrap 経由で) レスポンシブ レイアウトを構築するための WYSIWYG エディターに取り組んでいます。ズーム/スクロール機能(PDFビューアやPhotoshopに似ています)で動作するように構築し、サイトが内部でレンダリングされている「ウィンドウ」のサイズをユーザーが設定/変更できるようにしたいと考えています。

WYSIWYG エディターがレイアウトを適切に表示するようにするには、それを div 内に配置し、div のサイズを、エミュレートしているブラウザー ウィンドウのサイズに設定します。これは、リキッド レイアウトを使用してすぐに使用できますか? それ以外の場合は、サイズを検出するためにウィンドウの代わりにターゲット div を探すように JS を編集できますが、前者の方法をお勧めします。

ありがとう!

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

javascript - Jquery ブラウザの幅に合わせて変更するには

ブラウザーの幅が 760 ピクセル以上で 980 ピクセル未満の場合、Div タグを空にしたいのですが、何か間違ったことをしているように見えます

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

ありがとう

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

javascript - phantomjs 画像の幅が期待どおりにならない

次のコードを使用してphanomjsを使用してスクリーンショットを撮ると、正常に動作し、幅が1920pxになり、高さは問題になりません。

しかし、寸法を次のように設定すると

結果の画像の幅は 602px です。

page.render()関数を使用してスクリーンショットを撮るための幅を設定するには?

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

javascript - CSS スタイルシート内で外部の JavaScript をリンクできますか?

ユーザーのブラウザーの幅に応じて背景が拡大縮小されるように設定しようとしていますが、特定の要素の下の外部スタイルシートに設定された背景に関連付けられています。背景を変更したり、その属性を変更したりできますが、html 背景に置き換えることはできません。

私はこれに対する解決策を研究してきましたが、それらのほとんどは機能していないようです。画面の解像度を検出し、それに応じて bg ファイルを選択する外部 JS を (html で) リンクしようとしましたが、これはまさに私が必要としているものです。スクリプトを html 内にネストするか、リンクするだけです。そこで、CSS の bg 設定の下にリンクする方法を探しています。私が読んだところによると、これは「可能だが危険」であり、その方法についての実際の指示はありません。

リスクがあっても試してみたいとは思いますが、別の提案も歓迎します。私が必要とするのは、小型の携帯電話と他のすべてのものに対して、2 つの異なる画像ファイル (同じ画像で、縮尺が異なるだけ) を設定できることだけです。私はすでにsrcsetを見てきましたが、htmlに埋め込む必要があるので、興奮していましたが、私には向いていません。実際に自分で画像を編集してもかまいません。