javascript - fullpage.js についての水平スクロール コントロール

この属性は、水平ページジャンプドットを表示するかどうかを制御するものですが、たとえば、このドットにいくつかのコンテンツを変更する必要があります。助けてください。 {コード...}はこのように

曾经蜡笔没有小新 2017-05-16 13:45:15 0  2  572

水平スクロールバーにのみCSSを適用する方法

私は新しいインターンで、彼らは私に簡単なタスクを与えました: 水平スクロールバーをパーソナライズする このコードはありますが、垂直スクロールバーが消えます... 垂直方向をデフォルトにする必要があります... 水平スクロールの記事のみをパーソナライズする必要があります。 ::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-thumb:horizo​​ntal{border-radius:8px;background-color:rgba(92,92,92,0.5);}など

P粉276876663 2024-04-01 16:25:15 0  2  393

CSS の問題: 水平スクロール (overflow-x:scroll) が機能しない

「ページ」が 3 つあり、それらを水平にスクロールしたいと考えています。水平スクロールバーは正常に作成できましたが、マウスホイールを上下にスクロールしても何も起こりません。私のコンテナは次のようになります: body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;} 完全な HTML+CSS: body{width : 100vw;ヘイ

P粉295616170 2024-03-29 16:06:18 0  1  469

CSS は他のテクニックを使わずに水平ボタンを実装します

最も長いボタンの幅に基づいて、同じ幅の 2 つの水平ボタンを作成しようとしています。各ボタンのテキスト内容は、ユーザーが別のページで調整できるため、テキストの長さ/最初のボタンと 2 番目のボタンのテキストの長さを制御することはできません。ボタンを最長のテキストの長さに合わせて調整しますが、(モバイル デバイスのように) ページの幅を超えないようにしてください。ボタンをデフォルトで水平に表示したいのですが、水平に表示されない場合は、列として積み重ねます。テキスト全体が収まらない場合は、ボタンのテキストを折り返す必要があります。 <divclass=&qu

P粉893457026 2023-09-04 12:29:02 0  1  585

CSS のヒント: 水平線と中央揃えのテキストを作成する

テキストを含む水平方向の仕切りを作成しようとしています。例: ----------------------------------これが私のタイトルです -------- - ------------------------CSS でこの効果を実現する方法はありますか?明らかに、すべての「-」ダッシュを使用する必要はありません。

P粉248602298 2023-08-20 15:11:18 0  2  508

JavaScript - ネイティブJSで水平スクロールバーと左スクロール間の距離を監視するにはどうすればよいですか?

水平スクロールバーの左からのスクロール距離を監視する

我想大声告诉你 2017-05-19 10:08:22 0  2  600

要素の水平方向の中央揃えを実現します。

CSS を使用して <div> を別の <div> 内で水平方向に中央揃えする方法は? &lt;divid="アウター"&gt;<divid="インナー"&gt;フーフー&lt;/div&gt;&lt;/div&gt;

P粉268284930 2023-08-21 10:25:54 0  2  532

HTML で 3 つの div を水平方向に配置するにはどうすればよいですか?

3 つの水平パーティションを持つサンプル Web サイトを作成しています。左端のパーティションの幅を 25%、中央のパーティションの幅を 50%、右のパーティションの幅を 25% にして、パーティションが水平方向のスペースの 100% を占めるようにします。 &lt;html&gt;&lt;title&gt;ウェブサイトのタイトル&lt;/title&gt;&lt;divid="thewholething" style="heig

P粉419164700 2023-08-21 19:20:03 0  2  557

グリッド内の列を使用してフレックスを水平方向にラップするにはどうすればよいですか?

https://codepen.io/itaied246/pen/eYbOWjm スペースを水平に埋めて下にスクロールする垂直スクロールを備えたフレックスボックスを作成することに成功しました。同じことを水平方向に実行したい、つまり、垂直方向にスペースを埋めて右にスクロールします。私の flexdiv は、最大コンテンツを持つ対応するグリッド内にあります。私は何を取りこぼしたか？

P粉481035232 2023-08-16 21:11:09 0  1  528

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

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

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

タイトルを次のように書き換えました: Flexbox を使用した要素の水平方向と垂直方向の中央揃え

フレックスボックスを使用してコンテナ内で div を水平方向と垂直方向の中央に配置する方法。以下の例では、各数値を（行ごとに）下中央に配置したいと考えています。 .flex-container{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;}row{width:100%;}.flex-item{background :トム

P粉748218846 2023-08-20 13:00:18 0  2  474

TailwindCSS の切り捨てられたクラスは使用されないため、大量の水平スクロールが発生します

Tailwindstruncate クラスの使用で問題が発生しています: https://tailwindcss.com/docs/text-overflow#truncate これは非常にスマートなユーティリティのように見えますが、ブラウザーはテキストを切り詰めないように何かを行うようです (超長い水平文字も含む)スクロールする場合、これは絶対に望ましくないことです。ブラウザが切り詰められたテキストに対して寛容になるようにするにはどうすればよいですか?

P粉733166744 2024-03-30 18:26:21 0  1  405

書き換えられたタイトル: サイズ変更時に固定 HTML の正方形または円要素を水平方向および垂直方向に中央揃えにします。

水平方向と垂直方向にさまざまなサイズの正方形または円の固定 HTML 要素を中央に配置するにはどうすればよいですか?この難しさは、幅と高さを等しく保つ必要があるという事実から生じると思います。

P粉455093123 2024-04-04 12:31:51 0  1  443

Vue の水平スクロール

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

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

JavaScript - スワイパーの左右スライドをネストした上下スライドを実装する方法

水平方向に切り替わる 4 つのページは、それぞれ上下のスライドでネストされています。

学习ing 2017-06-27 09:19:46 0  1  1057

現在はそれぞれ使用できないのでしょうか？

現在はそれぞれ使用できないのでしょうか？ each() の上に水平線を引きます。

........ 2018-12-08 19:14:48 0  0  1086

カスタムドロップダウン矢印

選択タグのドロップダウン矢印を 4 つの要素で構成されるカスタム矢印に変更することはできますか。次のようにしたいのですが: 左側に 3 本の水平線、右側に下向きの矢印。1 つの要素 (水平線) でこの効果を実現しました。select-wrapper::before{content:"";position:absolute ;トップ:50%;表示:ブロック;幅:9px;高さ:2px;背景

P粉986937457 2023-08-17 17:52:04 0  1  516

ページを水平ではなく垂直にスムーズに移行する方法を理解する

質問: 垂直方向のスライドと、水平方向にスムーズにできるように変更する方法の違いは何ですか?

π！㏑e 2017-11-10 19:08:16 0  1  1530

javascript - 要素が現在表示領域内にあるかどうかを確認する方法

タイトルにあるように、水平方向に自由にスライドできる水平方向に入力された li の行ができました。特定の li が現在の表示領域内にあると、そのスタイルの一部が変更されます。そのような効果はどのように記述すればよいでしょうか?皆さんが答えを手伝ってくれることを願っています。 。 。 。 。 。 。

天蓬老师 2017-07-05 11:07:20 0  5  1133

javascript - js プラグイン、入力ボックスのプレースホルダーに関する質問

上の図に示すように、フォーカスがある場合、入力ボックスに水平のプレースホルダーが表示されます。プレースホルダーにある数字を入力します。電話番号の場合は、入力を数字のみに制限できます。フォーカスが外れている場合は、入力ボックスに水平方向のプレースホルダーが表示されます。表示されるのはプレースホルダーの値です; 質問: 同様のプラグインを使用した人はいますか? 実装の原理...

给我你的怀抱 2017-07-05 11:03:40 0  2  811