JavaScript - vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを残して画面の外側にスライドさせる効果を実現する方法。

vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを画面の外にスライドさせたままにする効果を実現する方法。以下は私が書いたコードですが、私が書いたのは次のとおりです: マウスを上に動かします、ボックスはスライドしていますが、マウスは離れていませんが、ボックスは消えています。

PHP中文网 2017-05-19 10:30:36 0  2  850

Vue トランジションのトランジション遅延を削除するにはどうすればよいですか?

Vue を使用して、マウスを画像の上に置くとテキスト ボックスが上に移動してフェードインするようにアニメーション化しています。アニメーションは正しいですが、開始するまでにわずかな遅延があります。画像をホバーするとテキスト ボックスがスムーズにフェードインし、上に移動し始めるようにしたいと考えています。テキスト ボックスは適切にフェードアウトし、カーソルが離れると下に移動します。テンプレート:`{{バッジ[アイテム].説明}}`、メソッド:{hoverStart(i){this.hoveredIndex=i;}、

P粉757432491 2023-08-17 17:36:49 0  1  506

javascript - js制御要素のスタイルに関する疑問

{コード...} 上記のコードに示すように、slider_box は 1 秒ごとに 20% 左 (1 画面) にスライドしますが、問題が発生します。100% までスライドすると、左にスライドできなくなります。 (さらにスライドすると、画像は表示されません))、ただし、他のプラグインで見た効果は、slider_box のスライド変化が 1 秒ごとに -20% から 0 から -... になるということです。

伊谢尔伦 2017-07-05 10:39:55 0  4  815

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  785

angular.js - AngularJs のみを使用して画像スライド切り替えを実装するにはどうすればよいですか?

Baidu にある AngularJS の画像カルーセル効果や画像スライド切り替え効果のコードは、基本的にブートストラップ コントロールに基づいて実装されています。 jQなどを使わずに純粋なAngularJSを実装する方法。モバイル淘宝網の赤ちゃんの詳細ページのトップバナーのように、スライドして写真を切り替える効果を実現しますか？

大家讲道理 2017-05-15 16:51:32 0  1  797

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

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

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

JavaScript - echart ツールチップ プロンプト ボックスが揺れる

この問題に遭遇した人はいますか? ドーナツ チャートは比較的小さいです。マウスをその上に置くと、echart ツールチップ プロンプト ボックスが震えます。解決方法についてアドバイスをいただけますか?

天蓬老师 2017-06-13 09:21:42 0  1  946

JavaScript - フォンスワイプで画像をクリックしたときに画像を全画面表示するにはどうすればよいですか?

携帯電話で画像をクリックして画像をプレビューさせ、左右にスライドさせることはできますが、画像を全画面表示にすることはできません。アドバイスをお願いします 下の図でwidth=100%になるようにパラメータを設定する方法を教えてください。 。それとも他にお勧めできるプラグインはありますか?

ringa_lee 2017-07-05 10:41:07 0  4  880

object-c - tableview またはscrollView に関する iOS のスライディング問題

タイトルがこのような場合、実現したい効果はスライドダウンの過程です。たとえば、下の図はテーブルビューで作成されています。ここでスライドしても動きません。実現したい効果は次のとおりです。青い色が画面の半分に達していない場合（その位置はほぼOK）、自動的に最初の行、つまり赤い行のみに戻ります...

PHP中文网 2017-06-20 10:06:07 0  1  857

javascript - JS および CSS の問題、マップ上のアイコンにマウスを移動した後、表示されたコンテンツをアイコンを基準にして中央に配置する方法。

下の図に示すように、右側は必要な効果です。つまり、地図上の赤い場所アイコンの上にマウスを移動すると、表示される写真とコンテンツが下の場所アイコンを基準にして中央に配置されます。左側が私が作ったエフェクトですが、ズレがひどいので参考にしてください。以下は私のHTMLコードです{code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  860

Vue の水平スクロール

マウスでアイコンを横にスクロールしたいです。 JavascriptのscrollLeftで試してみましたが、スクロールしても値は変わりません。スクロールすると、deltaY 値のみが 100 と -100 の間で変化します。どこに問題があるか知っている人はいますか?スクロールしてスクロールバーをマウスオーバーすると機能しますが、divコンテナ全体で機能したいと考えています。また、可能であれば依存関係/npm-librariesなしでこれを実行したいと考えています。テンプレート<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27 0  2  508

スクロール ホイールを使用するときにスムーズなスクロール アニメーションを実現する方法はありますか?

ページをスクロールするときに、スクロールホイールを使用したときの「飛び跳ねる」方法ではなく、スムーズに移動するようにしようとしています。私がこれに関連して見たソースのほとんどは、react-scroll が提供するもののように、ボタンまたはリンクをクリックしたときのスムーズなスクロールを伴いますが、私は特にホイール スクロールのスムーズな効果を実現したいと考えています。 MaterialUI テーマを通じてこれを実現する方法はありますか、それともこれに役立つ React パッケージはありますか?

P粉118698740 2023-08-16 16:40:27 0  1  611

マウス ホイールを使用してページをズームし、クリックしてドラッグしてページをパンします

マウス ホイールを使用してページ全体にスクロールとパンの効果を作成するにはどうすればよいですか?基本的には他の 2D エディターと同じように、スクロールしてズームし、クリックしてドラッグしてパンしますが、対象となるのはボディ全体です。それに関する情報はオンラインで見つかりません。

P粉308783585 2024-03-26 14:11:27 0  1  350

JavaScript - div フレームを描画し、div でカバーされる dom 要素を取得するマウスを実装します。

この効果と同様に、マウスを移動して div ボックスを引いて、div で覆われている dom 要素を選択します。実装できる良いアイデアはありますか? 私が思いついた方法は、div の offsetLeft、offsetTop と、選択する必要がある各要素の offsetLeft、offsetTop を判断することです。

仅有的幸福 2017-05-19 10:09:21 0  4  587

WordPress メニュー効果を調整する方法

最近WordPressのテーマをいじっていて「Kratos」をインストールしました 上のメニューバーの効果を調整したいのですが、バックグラウンドで直接変更する必要がなく、いじる方法がわかりませんコードです。アドバイスを求めてもいいでしょう。テーマの効果は次のとおりです。現在 2 つあります。質問: PC バージョンの上部にあるメニューを左揃えにするにはどうすればよいですか?デフォルトは次のとおりです。右揃えになりました。マウスを上に移動したときにセカンダリ メニューが自動的に展開されるようにするにはどうすればよいですか?

天空蓝 2023-04-16 12:00:36 0  1  1253

javascript - ポイントのデバッグを中断せずに、アクションによって呼び出される JS を見つけるにはどうすればよいですか?

ブレークポイントを設定する独自のコードを書くのは簡単で、Firebug はブレークポイントに直接ジャンプします。ただし、煩わしいことがよくあります。他の人のコードを見ると、大量の js が読み込まれています。js と jquery は通常イベント バインドされているため、js のアクションは html タグに直接記述されません。現時点では、1.生成された要素の上をマウスが通過すると...

滿天的星座 2017-06-26 10:58:40 0  2  690

javascript - 引っ越し後のulのliのクリックイベントが引っ越しイベントと競合する

図に示すように: 私が望む効果は、ul の li の色が移動すると赤に変わり、移動すると青に変わることですが、特定の li が選択される (つまり、クリックされる) と、この li が変化することを望みます。次の li をクリックする前は常に赤になりますが、マウスが再びそこを通過して削除イベントがトリガーされた場合でも、別の li をクリックするまで赤のままである必要があります...

漂亮男人 2017-05-18 10:49:41 0  4  597

ホバー時のチルト効果のバグ

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 2 つの線が表示されます。ボタンが表示されるまでボタンの上にカーソルを置くコードがありますが、これは非常にランダムな副作用です。これは Chrome の問題だと思いますが、よくわかりません。問題の画像は次のとおりです: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  356

JSでmargintopを修正して無限スライドを引き起こす方法についてアドバイスをお願いします。

それが起こったのです:。 。 。 。 Web ページを作成しましたが、Web ページの下半分は読み込み後に自動的に上に移動するまで 3 秒待つ必要があるため、Jquery の animate メソッドを使用しました: $("#part2").animate({marginTop: "-=800px " }, 8000); Rango、この方法を使用した後、マウス ホイールを削除できないことがわかりました。そこで、JS コードを使用してホイールの動きを監視しました。

天空翱翔 2021-10-28 09:20:51 0  2  894

ページに画像が読み込まれない

Web アプリケーションにスライド画像をロードしたいので、Bootstrap カルーセルを使用しています。背景から写真を取得します。画像はイメージ状態で保存されます。以下はデータを取得するための JSON 形式です。画像:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}] 画像をアップロードした後、画像は Nodejs の特別なフォルダーに保存され、そこからエンドポイントを使用して画像。以下は Nodejs コードです image.get('/Images/getImag

P粉238433862 2023-09-09 20:59:03 0  1  605