JavaScript - JS スクロール バーの実装アイデア

Vue2.0のスクロールバープラグインが見つからなかったので、JSでスクロールバーを実装したいと思い、インターネット上でスクロールバー実装用のJSプラグインをいくつか見つけました。スクロールバーコードを手動で書いたマスターはいますか?それとも関連するブログはありますか？コードは必要ありません。基本的な実装アイデアだけで十分です。

PHP中文网 2017-06-12 09:32:11 0  4  862

Java - Amapのスムーズな動きの問題

{Code...} // 履歴軌跡を実装し、走行ルートを表示する必要があります。 これは、走行を開始するためのメソッドです。 {コード...}

世界只因有你 2017-05-16 13:24:24 0  1  731

JavaScript - SVG初心者、SVGに画像を挿入したい

コードは上記の通りです。SVGに画像を挿入してアニメーションさせたいのですが、効果がありません。説明してください...

代言 2017-06-24 09:44:02 0  1  922

モバイル上のボタンがフォーカスまたはアクティブのままになり、CSS アニメーションで問題が発生する

ボタンをクリックするたびにアニメーションを実現しようとしていますが、デスクトップでは正常に動作しますが、モバイルでは同じ効果を実現できません。最初にボタンをクリックし、次に別の場所をクリックして CSS のフォーカスを解除し、次にボタンをもう一度クリックしてアニメーション効果を得る必要があります。以下はコードスニペットです。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  545

JavaScript - Vue の過剰なフックの問題

{コード...} コピー＆ペーストして実行してください。アニメーション終了時には、公式に提供されているイベント @after-Appear を使用します。しかし、コンソールには 0 が表示されます。0 と 1 が表示されるはずです。実際、私が達成したいのは、アニメーションが終了したときに、押し続けてアニメーションを継続させることです。

滿天的星座 2017-05-18 10:59:35 0  1  621

スライディング検証を行うにはどうすればよいですか?

現在、多くの Web サイトでは、以前の認証コード入力の代わりに登録フォームの下にスライド認証があり、小さなアイコンを大きな画像の対応する位置にスライドさせると、認証に合格します。

朱 2019-08-17 04:43:08 0  1  1498

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  843

JavaScript - IE の互換性の問題。動的に生成されたノードは IE ブラウザではトリガーできません。助けてください。

コードは非常に単純で、変更イベントが同じファイルを処理できないことを認識するために入力タグを動的に生成します。 Chrome と Firefox では動作しますが、IE ブラウザでは印刷をトリガーできません。 3. ヘルプ! ！ ！ {コード...}

为情所困 2017-06-26 10:56:54 0  4  881

リアクティブなモーダル スライド アニメーション

ReactとCSSでモーダルを実装しました。現在、モーダルを開くと、モーダルが下から上にスライドするスライドアップアニメーションを実装していますが、閉じるときにスワイプして下に移動したいのですが、方法がわかりません下にスワイプするアニメーションを正確に作成するために、誰か手伝ってくれませんか?コード=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29 0  1  583

Vue2 ディレクティブの優先順位を設定するにはどうすればよいですか?

Vue2の命令の優先順位の問題ですが、関連情報を読んだところ、命令登録時に優先順位を設定する必要があり、値が大きいほどhtml {code...} js {code...}の実行が優先されるようです。期待される効果は、最初にalert.('b')を実行し、次にalert('a')を実行することです。実際の効果を得るには、最初にaleを実行します...

欧阳克 2017-07-05 10:54:52 0  1  1315

JavaScript - vue コンポーネントを使用してルーターリンクを動的に生成する方法

{コード...} 現在の問題は実現可能ですが、vue-router実行前にコンポーネントが登録されていないというエラーが報告されます。より良い動的実装方法があればお聞きしたいです。 元の問題↓サイドルーティングを実行して、vue-routerを実行して解析すると、何かが表示されます...

过去多啦不再A梦 2017-06-26 10:53:30 0  1  914

javascript - VUE で再帰的に記述されたツリー コンポーネントからイベントを渡すにはどうすればよいですか?

再帰コンポーネントではこのようなネストされた {code...} が発生するため、一番外側に Vuex モジュールを動的に登録するのが良いです。どれがクリックされたかはこのモジュールに渡されますが、外側へのクリックは で実装する必要があります。 $emit イベントはレイヤーごとにネストされており、リクエストをブロードキャストすることはほとんど不可能です...

漂亮男人 2017-06-30 09:59:45 0  2  886

0ms スリープを省略すると CSS トランジションが中断されるのはなぜですか?

FLIP アニメーションを実装して、正しく理解できているかどうかを確認しようとしています。このコードペン (間違ったコードですみません。ただいじっているだけです) で、sleep をコメントアウトすると、スムーズな移行が機能しなくなります。 div の位置が突然変わります。スリープ時間が0msなのでこれは不思議です。 importReact,{useRef,useState}from"https://esm.sh/react@18";importReactDOMfrom"https://esm.s

P粉659516906 2024-04-06 16:29:50 0  2  794

Vue + Laravel プロジェクトの vue-awesome-swiper では Z-index が機能しません

私は Vue+LAravel プロジェクトで vue-awesome-swiper https://madewithvuejs.com/vue-awesome-swiper を使用しています。これが私が達成したい結果です。スライド矢印は上部にあり、クリック可能です。代わりに、私が実装しているのはこれです。スライド矢印は上部になく、クリックできません。 vue-awesome-swiper が機能するには、コードが特定の形式に従う必要があります。これは私が使用しているスワイプ コードです: <divclass=&quo

P粉391955763 2023-12-05 12:05:29 0  1  671

JavaScript - div にアニメーションを追加できないのはなぜですか? 詳細についてはコードを参照してください。

css:.flightNumber{ {code...} html コード:&lt;div class='flightNumber'&gt;&lt;/div&gt;js コード:$(".flightNumber").addClass("runIn")

滿天的星座 2017-05-16 13:38:34 0  2  500

選択イベントが変化すると、CSS アニメーションが対応する効果をトリガーします。

私は React アプリを作ろうとしています。現在、いくつかのポケモンが入った選択入力ボックスがあります。私がしなければならないことは、選択が変更される (つまり、ポケモンが変更される) たびに、ポケモンのスプライトが少し揺れるアニメーションを実行することです。現在、変更されるスプライトと、選択値が変更されたときに再生されるオーディオだけがあります。この機能を実装するにはどうすればよいですか? onChange と styled-components を使用してスタイルを変更しようとしましたが、動作させることができません。アニメーションはページの読み込み時にのみ起動します。これは私の現在のコー...

P粉200138510 2024-04-01 09:16:28 0  1  579

条件付きでclassNameをcssモジュールに変更（React）

ユーザーが Web サイトのナビゲーション バーの上にマウスを置いたときにアニメーションを再生しようとしています。マウスがナビゲーションバー上にあるかどうかに基づいて CSS モジュールを変更することでこれを実現しようとしています。このコードが機能しない理由を理解しようとしています。ご協力をよろしくお願いいたします。 Navbar.jsx: importReact,{useState}from"react";import{Link}from"react-router-dom";importstyles

P粉799885311 2023-08-17 18:10:17 0  1  552

Firebase JS SDK または React-Native-Firebase を使用していますか?

Firebase の JSSDK を使用して大規模な Web アプリを作成し、現在は React-Native と Expo を使用するモバイル アプリに移行しています。私はExpoを使用しているため、RNFirebaseはネイティブコードを使用するため、ExpoGoを使用しないように開発クライアントを作成しました。私の目標: React-Native-Firebase 認証に関連付けられた基本的な Google ログインを実装する npm を使用して「react-native-fir」をインストールしました

P粉083785014 2023-09-02 18:27:28 0  1  656

ディレクトリ内の既存のファイルに基づいて、アップロード時にファイルの名前を順次変更します

私は画像アップロードフォーム用にオンラインで見つけたこの（php）アップロードコードを使用しています。アップロード時の「ファイル名の変更」については、サイト上にすでに多くの質問/回答があることに気づき、かなり調べました。今のところ...どれも私がやりたいことに具体的に取り組んでいるようには見えません。使用しているコードを調整することでこれを実現できることを願っています。最終的には、(複数ではなく) 1 つのファイルをアップロードし、ファイルに単純な数字 (例: 1、2、3、4、5 など) で自動的に名前が付けられるようにしたいと考えています... プレフィックスも拡張子もなし。名ばかりで

P粉310931198 2023-09-10 13:14:12 0  1  732

PHP の SQL 値を介して、大規模な HTML フォームを動的に設定する

この質問は、コードの書き方よりも、「スケール」の観点から実装したいプロセス/ロジックに関係しています。 WordPress には、HTML として読み込まれるフォームがいくつかあり、ユーザーがカスタム投稿 (実際には、CMS に慣れていない人のための新しいデータベース エントリ) を作成すると、新しい「イベント」の読み込みがログに記録されます。これは update_post_meta() を使用してデータベースエントリ/ポストの名前と値を設定しているため、すべてを手動でマップしたくありません。そのため、フォームが送信されるときにphpループforeaを使用します

P粉765570115 2023-09-10 17:28:20 0  1  639