css3 - スクロール バーが下にスライドしたときにページの各部分が表示される効果を実現するにはどうすればよいですか?

Web サイトを見ました。スクロール バーが下にスライドすると、ページのすべての部分に最初に読み込まれたときと同じ効果が表示されます。再度更新すると、これらの効果が再び表示されます。これはどのように行われますか? jqueryのロードで書かれているのでしょうか? このWebサイトのトップページ http://www.itxdl.cn/bra... に似ています。

漂亮男人 2017-06-05 11:10:23 0  2  1875

JavaScript - アニメーションのスライドが非常に遅いのはなぜですか? offsetHeight に問題があるのでしょうか?

{コード...} マウスを素早く前後にスライドさせると、アニメーションがゆっくりと表示されます·TypeError: null はオブジェクトではありません ('ulList.offsetHeight' を評価しています)·

大家讲道理 2017-05-19 10:14:45 0  2  689

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

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

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

ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。 ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28 0  1  502

javascript - swiper.js での複数の切り替え方向の問題

現在のシーンは次のようになります。左右に切り替わる 4 つのアニメーション ページがあり、各アニメーション ページを下にスライドして別の同じページに切り替えることができる必要があります。現在、swiper.js を使用しています。これらの間でアニメーションを切り替えるにはどうすればよいですか?左右?下にスライドしてページを表示できるのですが、下にスライドして表示されるページも上と同じです…。

过去多啦不再A梦 2017-06-24 09:43:29 0  1  903

javascript - イベントの実行終了直後にイベントを停止する方法

マウスの移動インと移動の非表示イベントを設定しているのですが、マウスを複数回スライドさせると複数回実行されてしまいます。マウスの移動イベントの実行直後にイベントを停止するにはどうすればよいですか? {コード...}

ringa_lee 2017-06-14 10:54:31 0  5  907

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

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

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

javascript - このような日付スタイルを作成するためにどのような日付フレームワークを使用しているか聞いてもいいですか?

これは携帯電話での日付の選択です。日付をクリックすると、このようなボックスが表示されます。それを一番下までスライドさせます。

習慣沉默 2017-06-27 09:18:58 0  1  951

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

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

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

TP5.1 ナビゲーションの強調表示を実装する方法

現時点では、私の方法では、特定のカテゴリをクリックしたときに現在選択されているナビゲーションをハイライト表示することしかできませんが、詳細を表示するために記事をクリックした場合、ID値が取得されたままで、対応するコントローラーを決定することができず、結果的には、ナビゲーションの強調表示に一致する ID とカテゴリ ID。ナビゲーションの強調表示を実現するには、コントローラーと ID の値を同時に判断する必要があります。たとえば、「フロントエンド開発」が選択されている場合、オプションが強調表示されます。カテゴリの下の記事をクリックすると、カテゴリ ID に基づいて強調表示されます。

Jackie 2019-07-16 23:15:36 0  2  1212

JavaScript - このストロークのアニメーション効果はどのようにして実現されるのでしょうか?

このストロークのような効果は、マウスをその上に置くと表示されますが、純粋な CSS で実現できますか?同じ効果を達成するにはどうすればよいでしょうか?

学习ing 2017-06-24 09:44:08 0  3  969

angular.js - angular はバックグラウンド管理を実装し、ナビゲーション パスはメニュー ナビゲーションに関連付けられます。

上図に示すように、app.js 構成メニュー ナビゲーションのルートの左側のメニューでは、2 つのレベルの no-repeat を使用してメニュー表示を実装しています。望ましい結果は、メニュー ナビゲーションが右側のナビゲーション パスに関連付けられ、同時に表示されることです。メニュー管理のリンクをクリックすると、ナビゲーション パスが同時に表示されます。

我想大声告诉你 2017-05-15 17:00:10 0  1  1141

javascript - モバイル端末でマスクレイヤーを表示すると、マスクレイヤー内にスクロールの高さを超えるdivが存在しますが、divをスライドしたときにボディも一緒にスライドしないようにするにはどうすればよいですか？

1. クリックしてマスク レイヤーを表示するときに、ボディに overflow:hidden を追加しないようにします。これは、ボディを下にスライドさせて再度クリックしてマスク レイヤーを表示すると、デフォルトでボディが上にジャンプし、マスク レイヤーが表示されないためです。上に配置:0; 左:0;位置:固定;2. div がスライドするときのバブリング動作を除外します...

过去多啦不再A梦 2017-06-26 10:56:22 0  1  969

css - angular フロントエンドはどのようにして ng-repeat の内容を整列させて実行しますか?

html コード: {コード...} js: {コード...} js 命令: {コード...} marquee.html {コード...} 現在の効果は次のようになります: 1 行ではありません。 4<5<6 と表示されるように線にする方法。マウスが 4 に移動するとスクロールが停止し、プロンプトがポップアップ表示されます。

给我你的怀抱 2017-05-15 17:04:09 0  4  679

JavaScript マップ マーカー プラグインを探しています

1. 以下のような効果を実現できるJavaScriptプラグインはありますか? 左側の3つのオブジェクトを右側の地図にドラッグできます 地図上にドラッグしてマウスを放すとマークが残りますマップ上で (マップの位置をマークするために使用されます)、マウスを放した後、編集可能なダイアログ ボックスがポップアップ表示されます。

怪我咯 2017-05-18 10:49:58 0  1  667

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

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

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

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

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 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  413

ホバーされたテキストはマウスの位置で色が変わります

すべてのテキストではなく、マウスの位置のテキストのみの色を変更するにはどうすればよいですか?このように、マウスの動きに合わせて表示される円が表示され、ホバーするとテキストにホバー中の文字の一部の境界線のみが表示されます。どのライブラリまたは関数を使用する必要があるかアドバイスが必要です。

P粉697408921 2024-03-28 14:12:45 0  1  575

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

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

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

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

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

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