JavaScript - ページの全画面スクロール

ページが一定の距離までスクロールした後、全画面スクロールがトリガーされた場合はどうすればよいですか?例えば、Mijia炊飯器の人気レシピのおすすめコーナー、ありがとうございます！

天蓬老师 2017-05-19 10:36:36 0  2  827

JavaScript - ボディの背景画像をさまざまな解像度で全画面表示させるにはどうすればよいですか?解像度が低い場合は垂直スクロール バーがあり、追加のコンテンツには背景がありません。どうやって対処すればいいのでしょうか？

大きな画面解像度を使用している場合、背景は問題なく全画面表示されますが、小さな画面に切り替えると、スクロールするコンテンツに背景が表示されません。この問題はどうすれば解決できますか?コード：

黄舟 2017-05-19 10:30:07 0  2  629

macos - Mac 上の iTerm2 でファイルを開くときにタッチ スクリーンを使用してスクロールできませんか?

Mac に付属のターミナルでは、ファイルを開くために Vim を使用します。ファイルに複数の画面がある場合、タッチパッドを使用してスクロールできるため、コードを表示するのに非常に便利です。 しかし、iTerm2 を使用してファイルを開くと、タッチ スクリーンを使用してスクロールできません。何が起こっているのでしょうか? タッチ スクリーンを使用して iTerm2 をスクロールできるように設定するにはどうすればよいですか?

伊谢尔伦 2017-05-16 16:34:00 0  1  794

html5 - 画像が変形しないように、背景画像を携帯電話の全画面表示 (コンテンツが比較的長く、スクロール バーがある) にするにはどうすればよいですか?

モバイル Web ページに背景画像が必要です。背景画像を変形せずに全画面表示するにはどうすればよいですか?今の設定だと背景が変形してしまいます！神様に聞いてください！

为情所困 2017-05-16 13:25:30 0  4  1119

html5 - 画像のアスペクト比を携帯端末の現在の画面の全画面サイズに正確に合わせるにはどうすればよいですか?

1. 携帯端末で画像のアスペクト比を携帯電話の全画面サイズに調整するにはどうすればよいですか? 幅が 100% の場合は高さも適応する必要があり、高さが 100% の場合は幅も適応する必要があります。このようにすると、画像が現在の画面を超えてスクロール バーが表示される場合があります。スライドして表示しないと空白ができてしまいます...

世界只因有你 2017-05-16 13:25:15 0  5  1109

画面サイズに合わせたボタンの作り方～背景画像の使い方を詳しく解説

私は、複数のグラフィックスを並べて表示し、デバイスの画面サイズに適応させる必要がある pfsensecaptiveportal を開発しています。これは、画像入力タイプを使用するとうまく実現できます。ただし、pfsense デバイスはこのコミットを正しく認識しません。機能するには、コミット タイプの値が「Continue」である必要があります。代わりに背景画像を使用しようとしましたが、背景画像が拡大縮小されません。画面が小さくなると、フルサイズで表示され、トリミングされて表示されます。背景画像のサイズを変更できるようにするにはどうすればよいですか? #コンテンツ{フォントファム

P粉345302753 2023-08-16 13:38:12 0  1  631

JavaScript - 要素が画面の表示領域の一番下までスクロールしたかどうかを確認するにはどうすればよいですか?

要素はもともと画面の表示領域の下部に配置されていましたが、スクロール バーが上にスクロールしたときに要素が画面の下部に触れたときに、要素が画面の下部に接触したときに関数をトリガーしたいと考えています。では、画面に接触している要素をキャプチャするにはどうすればよいでしょうか? 下部の状況はどうでしょうか?

给我你的怀抱 2017-05-19 10:26:18 0  3  755

背景画像の設定、全画面表示、ページの背面に設定する方法（HTML、CSS、JavaScript）

作成中のこの単純なゲームに背景画像を設定したいのですが、画像を入力画面の中央に配置し、ページの高さと幅をすべてカバーする方法がわかりません。また、画像を背景にしてゲームを画像の上に置き、画像を一番下のレイヤーにしたいと考えています。 letcharacter=document.getElementById('character');letcharacterBottom=parseInt(window.getComputedStyle(character).getPr

P粉384244473 2024-03-22 09:53:51 0  2  392

JavaScript - モバイル デバイスで、画面をすばやくスクロールし、クリックしてスクロールを停止します。誤って <a> タグに触れて、クリックしたときに他のページに飛んでしまうのを避けるにはどうすればよいですか?

1 質問: モバイル デバイスで画面をすばやくスクロールし、クリックしてスクロールを停止する場合、誤って a タグに触れて、クリックしたときに他のページに飛んでしまうのを避けるにはどうすればよいですか? 2 これは、モバイル端末のフロントエンド開発で実際に遭遇する問題でもありますが、具体的に言うと、通常の状況で、現在のページに多くのコンテンツが含まれている場合...

我想大声告诉你 2017-05-24 11:36:49 0  3  851

スクロール時にスペースが表示されないように、ナビゲーション バーの後ろの HTML と CSS に背景画像を追加してみてください。

ナビゲーションバーとフッターの下にHTMLとCSSで背景画像を埋める方法がわかりません。ナビゲーションバーをスクロールすると、スペースは単なる空白スペースになります。上下にスペースなしでスクロールしたいのです。ありがとう！ *{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.background-container{background-image:url("http://placekitten.co

P粉118698740 2023-09-10 09:12:07 0  2  562

Vuetify を使用してモバイル画面上で表を全幅に表示できますか?

Vue2 と Vuetify を使用して、小さな画面でテーブルの「縮小」を実現できますか?表をモバイル画面上で全幅のままにし、拡大できるようにする必要があるという課題があります。基本的に img のような動作を実現します。基本的には、v-data-table を使用して、この画像から 2 番目の画面を実装する必要があります。 「どちらも同じように悪い」としても、2 番目の解決策が必要です。 Vuetify 専用のソリューションはありますか?

P粉842215006 2023-08-30 20:56:28 0  1  630

CSS の背景のグラデーションがページ全体をカバーしません (スクロール可能なコンテンツを含む)

HTML ドキュメントの CSS 背景のグラデーションで問題が発生しています。線形グラデーションを背景として使用し、body要素に設定するページをデザインしました。私が直面している問題は、スクロールするコンテンツがまだあるにもかかわらず、グラデーションが最初に画面が終了する場所で終わっているように見えることです。したがって、下にスクロールすると、グラデーションの 2 番目のインスタンスが最初から始まっているように見えます。これは私の現在の CSS (SCSS) コードです: @importurl('https://fonts.googleapis.com/css2?family=Poppins...

P粉506963842 2023-09-12 13:20:09 0  2  695

gvim - vim でページをめくる (スクロールする) ときにカーソルを画面上の固定位置に保つにはどうすればよいですか?

vim がページをめくる (スクロールする) と、デフォルトのカーソルが画面の上部または下部に移動します。画面上の位置は変更されないようにしたいと考えています。つまり、テキストのみを移動し、テキストは移動しないようにします。カーソル (画面を基準とした) の位置。 これを達成するにはどうすればよいでしょうか?アドバイスをお願いします。よろしくお願いします。

给我你的怀抱 2017-05-16 16:36:15 0  5  1168

メニューの背景 左右上下の隙間がない幅100%にしたい

メニューの背景色は全幅、24 インチ以下は全画面にする必要があります。見た目はこんな感じです。ホームページのURLも画像内に記載しております。以下は背景色を追加するための私の scss です。誰かが以下のコードを編集して、背景色が左右と上部に触れるようにしてください（上部に小さなギャップがあります）。 .header-main-wrapper{max-width:1720px;margin:0auto;background:# 1c2e52;@media#{$xs ,$sm,$md,$lg}{padding:16px0;試してみます

P粉245003607 2023-09-10 21:43:33 0  1  505

javascript - JS は画像を動的にロードして、画像が画面上にあるかどうかをどのように判断しますか?

マウスを下にスクロールすると、対象領域が画面上に表示されると画像が読み込まれますが、対象領域が画面上に表示されるかどうかはどのように判断すればよいでしょうか。

世界只因有你 2017-05-19 10:20:40 0  2  491

JavaScript - モバイル端末への影響は小さい

下にスクロールすると、背景画像が縮小します。 質問: このアニメーションをよりスムーズに作成するにはどうすればよいですか (モバイル版)?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  823

スクロール進行アニメーション

スクロールの進行状況をアニメーション化する方法を知る必要があります。これは通常のスクロールの進行状況ではなく、何かが異なります。 Web サイトへのリンクと、探しているアニメーションが含まれる特定の部分のスクリーンショットを提供します。 https://todoist.com/これはウェブサイトへのリンクです。ウェブサイトのホームページの特定のセクションのスクリーンショットを添付しました。ページがスクロールされると、セクション内でスクロールが発生し、セクション自体もスクロールします。スクロールのそのセクションが完了したら、通常どおりスクロールを続けます。プログレスバーのスクロールに関するチュー...

P粉821808309 2024-03-29 19:36:49 0  1  410

javascript - JS関数のパラメータのスコープの問題

1. より多くの関数をロードするためにドロップダウン スクロール バーを作成しました。コードは次のとおりです。dropload イベントは、スクロール ホイールを監視する + 関数です。初めてページ A に入るとき、ajaxModel 関数がトリガーされ、メソッドと param が渡されます。ただし、このデータ画面が表示されたら、スクロール ホイールを使用して下にスクロールし、データをロードします。

巴扎黑 2017-06-26 10:52:31 0  1  706

スクロール操作前に条件を追加する方法

fullpage.js ライブラリの使用に問題があります。モーダルを開いたときに画面がスクロールしないようにする必要があります。次のコードで、onLeave、afterLoad、jQuery を使用してスクロールを無効にしてみました: $(document).ready(function(){$(window).bind("wheel",function(e){if(document.getElementsByClassName("modal)

P粉738046172 2023-09-06 00:00:45 0  1  511

css - 携帯電話の Chrome で github や bilibili などのいくつかの Web サイトを開くと、アドレス バーの周囲にも背景色があることがわかります。

いくつかの Web サイトがこのような全画面背景色を持っていることに偶然気づきました。どのように設定すればよいですか?ヘッドを見たら設定は無いのですが、ボディカラーが設定されていません 見た方いらっしゃいますか？

PHP中文网 2017-05-16 13:22:33 0  1  887