JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素 <div class="ball"></div> を記述するだけでなく、2 つの要素のレイヤーを使用する必要がある理由を読みました。 ? 次に、transform を使用してそれを実行します x 軸と y 軸の変更、このように書いても効果がないことがわかりました。しかし、なぜ？これ...

滿天的星座 2017-05-19 10:18:02 0  2  860

javascript - イメージがロードされた後、js イメージの onload が実行されない

1. 想定される効果は、画像がロードされるたびにアラート「1」が発行されることです。実際の効果は、すべての画像がロードされた後、アラートが 4 回発行されることです。 2. 以下はコードです。助けてください。 //imgArray[] 画像のリンクが 4 つありますが、長すぎる場合は書きません. var count = 0; {code...}

大家讲道理 2017-05-19 10:12:08 0  4  591

weex Androidリストセルラベルボックスモデルの余白が逆さまになっていませんか？

リスト要素の下のセル要素の margin-left 値を設定すると、実際の表示効果は margin-right 値になります; {code...} 左側はリストのパディング左、右側はセルの左マージン; プレイグラウンド アプリを介して 座標関数を確認し、幅を見つけて...

大家讲道理 2017-05-24 11:38:17 0  1  840

フェードイン/フェードアウトトランジションを備えた CSS マーキー

右端からフェードインし、左端からフェードアウトするテキストを含むCSSマーキーを作成しようとしています。文字の端だけが透明になります。これを「不透明マスク」と呼び、左右の端にぼかします。 CSS マーキーのコード例は見つかりますが、このようなフェードイン/フェードアウト効果を備えたものはありません。また、背景を完全に透明にして、テキストのみにエッジ効果を持たせたいと考えています。コンテナにグラデーションを追加しようとしましたが、後から考えると、それは正しいパスではないようです。以下は私がこれまでに思いついたコードです。助けてください、ありがとう！ @BernardBorg: 2 番目の新しい例...

P粉659516906 2024-03-27 21:24:13 0  2  576

c# - REACTコンポーネントのスタイルの問題

図に示されている 3 つのボタン コンポーネントの場合、ネイティブ JS と REACT を使用して、ボタンの 1 つをクリックしてスタイルを変更する簡単な方法を記述するにはどうすればよいでしょうか?他のボタンをクリックすると、同じ効果が得られます (つまり、他の 2 つのボタンのスタイルをクリアし、クリック ボタンのスタイルを追加します)。

巴扎黑 2017-07-05 10:50:54 0  3  900

サーバー - nginx+keepalived クラスターに必要なマシンの最小数は何ですか?

nginx+keepalivedクラスターを勉強していて、オンラインチュートリアルをいくつか確認しましたが、必要なサーバーの数がよくわかりません。 チュートリアルによると、「高可用性負荷分散」の効果を得るには、nginx+keepalived を 2 台のマシンにインストールするだけで済みます。チュートリアルのアドレス: http://blog.csdn.net/l102...

世界只因有你 2017-05-16 17:08:06 0  2  896

css3 - グラフィックとテキストに対応したスタイル

PC デスクトップでこのページをレスポンシブにする: 1 つの方法は画像を直接レスポンシブにする方法ですが、唯一の欠点はテキストがぼやけ、効果が完璧ではないことです。 , このように、テキストのサイズを適応させる必要があり、テキストの位置関係を適切に行うのはさらに困難です...

習慣沉默 2017-05-16 13:20:57 0  3  749

JavaScript + css3 を使用してこのカード効果を実現するにはどうすればよいですか?

このようなエフェクトを実行した人はいますか?効果については、最も美しいアプリ http://www.25xt.com/?p=12539 を参照してください。インターネットで Android と IOS のコードのみを受け取りました: https://github.com/ZieIony/Ma... ですが、理解できません。関連するデモを見つけたら共有していただければ幸いです...

淡淡烟草味 2017-05-18 10:55:57 0  2  629

JavaScript - スクロール バーと clientHeight について

小さな妖精のスクロール バーが本当に煩わしいです。スクロール バーが占める場所については、次のようなブログを見つけました。実践した結果によると、次のことが当てはまります。スクロール バーはコンテンツの位置を占めていますが、表示されると、コンテンツの位置、エッジ表示。 （実際の効果では枠線の横に表示されます。枠線の上には…

天蓬老师 2017-05-19 10:47:31 0  1  709

html - CSS ナビゲーション バーがぼやけ、ナビゲーション バーが固定され、ページがスライドすると下のページがぼやけます。これを実現するにはどうすればよいですか?

インターネットで長時間検索した結果、以下のページに動的に影響を与えてぼやける解決策が見つかりませんでした。これはステーション b のブラー エフェクトです。静的です。原理は 2 つの同一の画像を使用し、一方の一部をぼかし、もう一方とマージすることです。私のアイデアは、AE と同様の調整レイヤーにガウスぼかしを追加して、下のレイヤーに実際の効果を与えることです...

大家讲道理 2017-05-24 11:36:02 0  2  1125

データベース

データテーブルを指定せずにデータベースに接続しますか?テーブルが 3 つありますが、どのテーブルを使用するかをどのように判断するのでしょうか?効果が出ないのはこのせいでしょうか？

铁力瓦尔良 2021-05-18 15:01:43 0  1  1125

私の JavaScript 関数は、ページが完全に読み込まれている場合にのみ機能します

ユーザーがチェックボックスタイプを持つ他の入力タグをクリックした後に入力テキストを無効にしたいのですが、問題は、チェックボックスをクリックするたびに日付範囲の入力テキストが無効にならないことです。誰か助けてくれますか? functionmyFunction(){document.getElementById("daterange").disabled=true;}<divclass="itemform-group"><labelcl

P粉320361201 2023-09-11 16:31:59 0  1  489

ReactJS を使用して要素を非表示にする方法

画面上に文字を表示し、ボタンを押したときだけ非表示にしたいのですが、方法がわかりません。この効果を実現するために useState を使用したい: const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>私が見つけた問題は、ボタンをクリックするとページが再レンダリングすると、可視性の値がデフォルトになります。

P粉136356287 2023-09-07 19:21:22 0  2  503

javascript - vue に activeLink が 2 つあるのはなぜですか?リンクは 1 つだけクリックします。activeLink は 1 つだけあるはずです。

Vue の初心者。 -それを理解するのに長い時間がかかりました...助けてください! ！ ~~フッターの下に 3 つのアイコンを作成したいだけです。1 つのアイコンをクリックすると、そのアイコンの色が変わりますが、他のアイコンの色は変わりません。クリックするとアクティブリンクが自動的に追加され、アクティブリンク内にスタイルが記述されるのはわかりましたが、なぜ同時にアクティブリンクが2つあるのでしょうか。

我想大声告诉你 2017-05-19 10:36:08 0  2  665

php - TP5 の多対多の関連付けクエリでエラーが報告されます。問題がどこにあるのかを見つけるのを手伝ってもらえますか?

1. TP5 を初めて使用するので、マニュアルの相関モデルについて混乱しています。助けを求めにここに来ました。回答が得られることを願っています。まずエラーのスクリーンショットを貼り付けます。 2. モデルのコードは次のとおりです {code...} 3. コントローラーのコードは次のとおりです {code...}

PHP中文网 2017-07-05 10:46:01 0  1  1006

javascript - 奇妙な問題が見つかりました。タブを閉じると、作成した CSS アニメーションが自動的に一時停止されました。

奇妙な問題が見つかりました。私が作成した CSS アニメーションは、タブを閉じると自動的に一時停止し、タブを展開すると再生し続けます。動きの効果を出すために背景画像を動かして使っているのですが、これと関係があるのでしょうか？

给我你的怀抱 2017-06-30 09:52:30 0  1  879

WP REST APIを安全に無効にする

WordPress サイトのセキュリティの向上を検討しているのですが、その過程で、WPRESTAPI がデフォルトで有効になっていることがわかりました (私の記憶が正しければ WP4.4 以降)。それを無効にする安全な方法は何ですか?ここでの「安全」とは、他の WP コア機能を壊さないなど、意図しない副作用を引き起こさないことを意味します。考えられる方法の 1 つは、.htaccess 書き換えルールを使用することですが、驚くべきことに、これを行うための「公式」手順は見つかりませんでした。助けやアドバイスがあれば大歓迎です:) 更新: サードパーティのプラグインは私が探している解決策ではありま...

P粉463811100 2024-01-10 16:27:31 0  2  526

「FIDO2 パスワード検証オブジェクトの形式値は 'none' です」

「FIDO2 キー構成証明オブジェクト fmt 値 なし」?さまざまな携帯電話でテストしたところ、結果は「なし」でした。 fmt 値を生成する他の方法もありますが、携帯電話の fmt 値は「なし」です。助けてください...理由はわかりません。些細なヒントでも大歓迎です。

P粉083785014 2023-09-14 14:55:08 0  1  705

javascript - echartsのチャートスタイル設定項目の問題

BoundaryGap を true に設定すると、座標スケールは左右に希望通りの距離が出るのですが、距離が大きすぎるのですが、どうすれば小さくできますか?これはカテゴリ軸の境界ギャップであり、特定の値やパーセンテージに設定することはできません。試してみましたが、効果はありません。私を助けてください

typecho 2017-06-12 09:31:56 0  1  695

Java - スワップ関数

次のコードでは、2 つのオブジェクトを交換する効果は得られません。出力結果は 3:4 です。論理的に言えば、すべての参照は Java 内にあるのではありませんか? オブジェクトを直接交換できるはずです。私のエラーを説明し、解決策を教えてください。出力を 4:3class Int{ {code...} } public cla... にしたいのですが。

某草草 2017-05-17 10:05:49 0  1  746