ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法

私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです。要素の上に移動すると、マウスが要素から離れた場合でもアニメーションがトリガーされるという考えです。要素の上にマウスを移動すると、アニメーションが再生されて 0 度に留まり、マウスが離れると別のアニメーションが再生され、回転して -8 度に戻ります。 consstelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54 0  1  503

iterm2 でファイルを開くには vim コマンドを使用します。 vim でマウスの位置をサポートするにはどうすればよいですか?

文字をクリックするだけで、カーソルがその文字の位置に移動します。 初めて vim を使い始めたとき、macvim がデフォルトでマウスの位置決めをサポートしていることを知りました。 しかし、iterm2ではうまくいきません。どこかに設定がないのでしょうか？

我想大声告诉你 2017-05-16 16:42:45 0  1  626

JavaScript - 右側のメニューがターゲット位置を正しく見つけることができません。つまり、サブメニューが消えた後もマウスが元の位置に留まります。詳細については、画像を参照してください。

これが私のマウスの現在の場所です。次に、マウスをカルチャー センターに移動したいと思います。下の図では、上のサブメニューが格納される必要があることを示していますが、マウスの位置は格納されず、信用監視メニューにスライドします。カルチャー センターに戻りたい場合は、今すぐクリックすることしかできません。マウスを上に移動します。これはユーザー エクスペリエンスに影響しますが、できるのは...

曾经蜡笔没有小新 2017-05-19 10:28:27 0  1  407

CSS: リスト項目間の間隔を変更する

リストの CSS を編集しようとしましたが、行に正しく移動してリスト要素間の高さを調整する方法が見つかりませんでした。ウェブサイトのリンク: https://denkimedia.com/prod/K2211001/test/ メニューは開きますが、リスト要素間のサイズを修正する方法がわかりません: リストの表示が正しく機能しません。 :) 行を調整するために、article-verticle.css の位置と空白を変更しました。 .flowpaper-reflow-tocitem{位置: 相対; 空白: 通常; 内部

P粉436410586 2024-04-02 15:46:38 0  1  488

javascript - ページの下部にデフォルトで非表示になっている要素が、クリック イベント後に表示されるように下部からゆっくりと上昇します。私のものにはアニメーション効果がないのはなぜですか?

実現したいのは、ページの下部（隠し要素）で、ボタンをクリックすると下端から表示され、指定した位置に移動することです。現在表示はできますが、表示処理が行われません。ゆっくり起きてください。どうすれば解決しますか？

过去多啦不再A梦 2017-05-16 13:26:55 0  3  1054

JavaScript - ウィジェットを回転および移動するにはどうすればよいですか?

コンポーネントを選択した後に移動または回転する方法はありますか?たとえば、コンポーネントを選択した後、特定の軸に沿って角度だけ回転させますか、またはコンポーネントを選択した後、コンポーネントを別の位置に移動しますか?

PHPz 2017-05-19 10:10:06 0  1  523

JavaScript - daterangepicker カレンダー プラグインはどのように期間の位置を変更しますか?

daterangepicker カレンダー プラグインはどのようにして期間の位置を変更しますか?この短い期間を左に移動したいと思います。 'open':'left' パラメータを使用しても機能しません。これは私の呼び出しコードです: {code...} ありがとうございます

高洛峰 2017-05-19 10:39:33 0  1  638

CSS 疑似クラス関数で複合セレクターを効果的に使用する方法を学びます: host-context(<selector>)

MDN ドキュメントでは、:host-context() は次のように定義されています。 :host-context() CSS 疑似クラス関数は、CSS が含まれるシャドウ DOM のシャドウ ホストを選択します (そのため、そのシャドウからカスタム要素を選択できます) DOM ) - ただし、関数パラメーターとして指定されたセレクターが DOM 階層内のシャドウ ホストの祖先の位置と一致する場合にのみ機能します。言い換えれば、これにより、カスタム要素またはそのシャドウ DOM 内のあらゆるものに、外部 DOM 内の位置、または祖先要素に適用されたクラス/プロパティに基づいて、異なるスタイル...

P粉268284930 2023-09-16 15:49:33 0  1  1038

ページタイトルとページアンカーが重なる問題の解決策

HTML ページの上部に固定され、高さが定義された非スクロール ヘッダーがある場合: URL アンカー (#fragment パーツ) を使用して、ブラウザーをページ内の特定の位置までスクロールさせる方法はありますか? JavaScript の助けを借りずに固定要素の高さを依然として尊重しますか? http://example.com/#bar エラー (ただし一般的な動作): 正しい: +---------------------------- -- ---++---------------

P粉521748211 2023-08-21 19:18:36 0  2  580

javascript - マウスを要素に移動すると要素の色を変更し、要素を離れると元に戻す JS ネイティブ コードを教えてください。

バブリング イベントを学習し、コードを入力し、オンライン記事に基づいて細かい変更を加えました。質問があります: 1. 最終的な目標は、マウスが上に移動したときに色の変化を実現することです。これを達成するにはどうすればよいですか? 2. 次の li 要素をクリックすると、前にクリックした要素の色が復元される問題を解決するにはどうすればよいですか?何かアイデアをください、兄弟たち...

世界只因有你 2017-05-19 10:30:58 0  7  979

Flexbox を使用して要素を左と中央に揃える

子要素を整列させるために Flexbox を使用しています。私がやりたいのは、1 つの要素を中央に配置し、もう 1 つの要素を左に揃えることです。通常、左要素を設定するには margin-right:auto を使用します。問題は、中心要素を中心から遠ざけることです。絶対位置決めを使用せずにこれは可能ですか? HTML と CSS#parent{align-items:center;border:1pxsolidblack;display:flex;justify-content:center;mar

P粉545682500 2023-08-27 21:54:23 0  2  592

JavaScript - vue で mobiscroll プラグインを使用する方法

プロジェクトでは、以前の jquery を vue に置き換える必要があります。以前のコードは mobiscroll を使用して実装されました。現在、以前のプラグイン js はindex.html の下に配置されていますが、ホーム ページは常にマウントされたフックのエラー「ReferenceError :」を報告します。 mobiscroll が定義されていません...

巴扎黑 2017-07-05 10:40:12 0  1  1505

CSS - アンカーポイントの移動 表示:フレックスおよび位置:絶対

Flex 要素と 3 つの子要素があります。 2 番目の子は、次のように絶対位置を使用して最初の子に重なる必要があります。 予想されること: 2 番目の子は最初の子の隣ではなく、その上にある必要があることに注意してください。ただし、親にdisplay:flexを設定すると、絶対要素のアンカーポイントまたは参照ポイントがdivの先頭に移動するようです。実際の結果は次のとおりです。 実際の結果: 2 番目の子要素を最初または 3 番目の要素の中に置くことは、overflow:scroll があるため、オプションではありません。親の他の表示属性を使用する

P粉252116587 2024-03-29 23:51:55 0  2  543

javascript - jquery.lazyload の使用時に発生する問題について、助けてください。

このプラグインは動的に挿入された要素を処理していないようです。つまり、動的に挿入された要素は正常に表示できませんが、常に読み込み中の画像が表示されます。現在の一時的な解決策は、新しく挿入されたノードに独自のコンテナーを追加することです。を選択し、このコンテナに対して初期化を実行します。どう思いますか?

ringa_lee 2017-05-19 10:45:21 0  3  658

Next.js アプリの中央ボタン コンポーネント?

nextjs ページの独自の行にあるボタンを使用しています。 PCとモバイルの両方で最も見栄えが良いと思うので、ボタンをページの中央に表示したいのですが、何を試してもボタン要素がページの左端の元の位置から移動できないようです。ページ。 margin-left と margin-right を特定のパーセントに手動で設定すると、ボタンのテキストが次の行に押し込まれることなく、ボタンができるだけページの中央に移動します。これが、ボタンを移動させる唯一の方法です。しかし、見た目はあまりよくなく、実用的ではありません。ページによると

P粉011360903 2023-09-18 22:05:21 0  1  829

書き換えられたタイトルは次のとおりです。 カーソルがリスト要素に移動したことに応じてリストのタイトルを変更します。

リンク テーブルを作成しています。リスト リンクの 1 つにマウスを移動したときにテーブル ヘッダーの背景色を変更して、テーブルをより美しくしたいと考えています。ただし、コンテナ要素の小さな要素に影響を与えて、コンテナ要素のプロパティを変更する方法がわかりません。これは私のコードです: <htmllang="vi"><head><style>.toc-container{max-width:600px;font-family:"Roboto&

P粉131455722 2023-09-04 23:54:54 0  1  540

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

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

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

Vim で、段落が自動的に折り返されて 1 行としてカウントされる場合、J キーと K キーを使用して各「行」間を移動できるようにするにはどうすればよいでしょうか?

Vim の行が Emacs で自動的に折り返された後も、C-p と C-n を使用して行間を移動できます。これらの行は実際には 1 つの長い行です。 Vimでは動かないのですが、HJKLを使って素早く位置決めできるようにしたいのと、行全体を壊したくないので直接Wordに貼り付けられるようにしたいのですが、何か方法はあるでしょうか...

迷茫 2017-05-16 16:40:34 0  1  707

特定の条件下で、v-text-field テキストの位置を移動します。

Vue.js と Vuetify を使用しています。面白い場面に遭遇しました。したがって、左中右の 3 つのオプション (ラジオ ボタン) があり、特定のテキスト値と読み取り専用属性を持つ v-text-field があります。ここで、オプションが変更または選択されたときに、v-text-field 内のテキストの位置を変更したいと思います。たとえば、オプション 1 (左) の場合、テキストは v-text-field 内で左に移動する必要があります。オプション 2 (中央) を使用すると、テキストは中央に移動する必要があります。などなど。これに関する提案があれば。もっと良い方法があれば、ご指...

P粉041856955 2023-08-28 21:40:26 0  2  587

HTML ビデオ要素コントロールが表示されない

video 要素を作成し、controls 属性を true に設定しましたが、if(!this._player){this._player=document.createElement('video');}this._player ではコントロールが (ホバーしても) 表示されません。 controls=true;this._player.src=xxxxx; また、ビデオ要素の幅を 100% に設定し、コンテナの位置は相対的になります。デフォルトを表示するにはどうすればよいですか

P粉788765679 2023-08-18 12:54:43 0  1  628