JavaScript - モバイル Web サイトのナビゲーション バーの水平方向のスライド減速効果を実現する方法

主要な Web サイトのモバイル版のナビゲーション バーは、一般的に水平方向にスライドできます。携帯電話の画面をタッチしてスライドさせた後、減速するスライド効果があります。この機能は非常に気に入っています。インターネットでたくさん検索した結果、見つけたものはすべてありましたjsのタッチイベントの紹介でしたが詳しい方法が見つからなかったのでマスターに原理と具体的な説明をお願いしたいです...

给我你的怀抱 2017-06-28 09:27:42 0  1  911

angular.js - angular でページのスライド切り替えを実装する方法 具体的な効果は、毎日の Youxian ホームページと同じです。

1. Angular でスライドページ切り替えを実装する方法 2. {コード...} 3. デイリーエクセレントフレッシュのホームページのスクリーンショットエフェクト 4. 「デイリーエクセレントフレッシュ」が何を使っているのか分かりませんが、切り替えがスムーズで、データはすぐに読み込まれます。読み込み後、ローカルストレージが使用されているかどうかわかりません。ネットワークをオフにして、スライドしてページを切り替えても、ページのコンテンツは残ります...

黄舟 2017-05-15 17:08:45 0  3  668

css3 - CSS トランジション効果によりテキストがぼやけたりジッターしたりすることがありますか?

コード: テンプレート: {code...} CSS: {code...} いくつかの無関係なスタイルは削除されています。現在知られている状況は、右側の小さな三角形のトランジション効果です。 Chrome のドロップダウン ボックス。これにより、テキストがぼやけてジッターが発生します。backface-visibility: hidden; を追加すると、テキスト...

ringa_lee 2017-05-24 11:35:53 0  2  2448

バナースライド

バナーカルーセルにスライド効果をロードするにはどうすればよいですか?携帯電話のスライド効果の方が適しています。

低头走路，抬头摸天。 2019-06-18 11:01:19 0  0  2681

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

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

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

angular.js - angular ui-bootstrap のカルーセル プラグイン フェードインとフェードアウトの切り替え効果を変更するにはどうすればよいですか?

デフォルトの効果は左右にスライドするものですが、フェードインとフェードアウトの効果に変更したいと思います。

滿天的星座 2017-05-15 16:59:53 0  1  567

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

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

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

javascript - モバイル端末で横スクロールを実装後、行の折り返しが発生する問題があるのでアドバイスをお願いします。

図に示すように、並べて表示する必要があるラベル コンテンツが 2 つあり、2 番目のラベル コンテンツが幅を超える場合にスライド表示効果を設定する必要があります。本来のエフェクトはこんな感じで、文字数が多すぎると2行になってしまうのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。しかし...

某草草 2017-06-12 09:25:32 0  1  607

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

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

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

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

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

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

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

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

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

タイトル: 白を除く任意の色の背景で白のテキストの視認性を実現

mix-blend-mode:Difference を使用してテキストの色を白に変更すると、背景色が黒の場合にうまく機能します。マウスをテキストに移動して効果を確認します。 constblackBox=document.querySelector(".black-box");window.addEventLis tener('mousemove',function(event){blackBox.style.left)

P粉744691205 2023-11-10 16:59:01 0  1  780

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

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

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

JavaScript - スクロールのスクロールの問題

1. https://www.kayak.com.hk/holi... 主な効果はこのウェブサイトの効果です。スクロール バーをスライドすると、右側の div が下にスクロールし、それに応じて左側の div もスクロールします。ただし、左側の div が長すぎるため、上部を非表示にする必要があり、この効果が得られます。 ...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  952

angular.js - ionicバージョン1.3のタブ実装効果について

このページの効果を実現するために ionic を使用したいと思います。使用する ionic テンプレートは、最初にページの 1 つにタブを追加します。複数のカテゴリがある場合は、このオプションをスライドして選択できます。このようにしてこの効果が得られますが、問題があります...

PHP中文网 2017-05-15 17:09:11 0  1  560

JavaScript - js スクロールは項目を上部近くにスライドさせて上部に表示します

今回実装したい機能はスライドリストをスライドさせることで、スライドが静止している場合、上に近い項目が上に表示されます。次のようになります: (力は軽いことも重いこともあり、スライドが静止しているときはどこでも止まることができます)。このエフェクトを実行した人はいますか?アドバイスをお願いします。ありがとうございます...

PHP中文网 2017-07-07 10:34:23 0  1  3432

JavaScript - モバイルタッチイベントにはどのようなプラグインを使用していますか?

この効果をより良く実現できるプラグインはありますか?これは ul です。どのタブをクリックすると、どのタブが中央にスライドします。

某草草 2017-05-16 13:37:06 0  7  531

angular.js - angular を使用して接辞のような効果を実現する方法

angularjsを使用してブートストラップの接辞と同様の効果を実現するにはどうすればよいですか?要件は次のとおりです。 1. 左側のメニューは固定されており、スクロール バーがない場合は、対応する列をクリックして、右側の対応するコンテンツにスライドできます。右側のコンテンツがスクロールされ、左側のナビゲーション バーが対応する列に移動します。

阿神 2017-05-15 17:13:54 0  1  765

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

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

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

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

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

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