に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

Vue.js を使用して Swiper でスライドナビゲーション用のカスタムボタンを作成する

デフォルトのナビゲーション (nextEl、prevEl) を削除し、「次のスライドボタン」というテキストのボタンを次のスライドにスクロールする必要があります <swiperclass="news-slider":sliderd-per-view="1" :modules= "[ナビゲーション,ページネーション,A11y,Lazy]"navigation="navigat

P粉035600555 2023-11-02 14:42:51

JavaScript - スクロール軸で前方スクロールと巻き戻しで異なる効果が生じるのはなぜですか?

スクロール軸が回転すると、指定した位置に到達すると、対応するシリアル番号の色が変わるという効果はそれなりにありますが、スクロールが一番下までスクロールすると、さらにスクロールすると、指定された領域に到達していません。上部で、対応するカラースケールの色が変わりました。以下に提供したコードから、html:...

某草草 2017-05-19 10:25:51

vim プラグイン vimwiki で Vimwiki2HTML の詳細を変更する方法

vimwiki のデフォルトの Vimwiki2HTML コマンドは、%toc を現在の Wiki エントリのディレクトリに変換しますが、2 番目のディレクトリ ID を toc_1.1 (ID にはドットが含まれます) に変換し、bootstrap-scrollspy を使用してスクロール検出を実装します (参考: Web ページのスクロール検出と上部固定ナビゲーションを実装する方法...

世界只因有你 2017-05-16 16:42:17

iPadでは背景画像を表示できません。

ナビゲーションバーの下に背景画像を配置しました。下にスクロールすると、ナビゲーションバーも一緒に下に移動します。しかし、iPad で表示すると、背景画像が黒に近い濃い青に見えます。背景__image {幅: 100%; 背景画像: url("https://background-image.jpg"); bac

P粉879517403 2023-07-25 11:58:00

JavaScript - 左右にスライドできるナビゲーションメニューを実装する方法

http://m.hexun.com の上部にある薄赤色のナビゲーションバーと同様に、左右にスムーズに移動できます。これにより、電話画面にさらに多くのメニュー項目を表示できます。このエフェクト用のジュースプラグインはありますか? オンラインでスライドメニューを検索すると、Web サイトのナビゲーションが画面の中央から出てきますが、これは希望するエフェクトではありません。

習慣沉默 2017-07-05 11:03:37

スクロール時にスペースが表示されないように、ナビゲーションバーの後ろの HTML と CSS に背景画像を追加してみてください。

ナビゲーションバーとフッターの下にHTMLとCSSで背景画像を埋める方法がわかりません。ナビゲーションバーをスクロールすると、スペースは単なる空白スペースになります。上下にスペースなしでスクロールしたいのです。ありがとう！ *{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.background-container{background-image:url("http://placekitten.co

P粉118698740 2023-09-10 09:12:07

JavaScript - このコンテンツはどのようにブロックで表示されますか? なぜテストできないのですか?

この単一ページにはどのようにしてコンテンツがブロック単位で表示されるのでしょうか? {code...} の 2 つの部分を削除し、次のように設定しました。 Navigation {code...} Content {code... } Why can'これは、ここで開いてナビゲーションをクリックしたときに表示されたのと同じ効果がありますか?

曾经蜡笔没有小新 2017-05-16 13:16:49

ページナビゲーション中にスクロールを維持することは、常に望ましくない機能です。

Breezeを使用した標準のlaravel + inertia + vue3セットアップがあり、Inertiaのドキュメントに記載されているように、ページ間のナビゲーションはブラウザのデフォルトの動作を模倣し、ページが読み込まれるときにスクロールをトップにリセットする必要があります。しかし、私の場合はそうではありません。私のリンクにはpreserveScroll:trueがありませんが、とにかくこれが発生します。コンポーネントの読み込み時に vuejsonMounted() フックを使用して先頭にスクロールしようとしましたが、ページはすぐに前のページの先頭から最後のスクロール位置までスクロール...

P粉166675898 2024-01-02 16:00:21

iPad で window.pageYOffset が間違った値を取得する

ページを下にスクロールすると消えるタイトルフロートがあります。正常に動作しますが、私の iPad では動作しません。ページを上にスクロールすると、ナビゲーションメニューが期待どおりに表示されますが、ページから手を離すとすぐに再び消えてしまいます。ページが一番下に到達したときにも表示されます <!doctypehtml><html><head><title>OurFunkyHTMLPage</title><metaname=&q

P粉022285768 2024-03-21 23:52:08

JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素 <div class="ball"></div> を記述するだけでなく、2 つの要素のレイヤーを使用する必要がある理由を読みました。 ? 次に、transform を使用してそれを実行します x 軸と y 軸の変更、このように書いても効果がないことがわかりました。しかし、なぜ？これ...

滿天的星座 2017-05-19 10:18:02

CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。

現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーションバーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素のない別のページが表示されます。ナビゲーションリンクがディスプレイの下部に完全に固定されています (植物と部屋のナビゲーション要素はリマインダータブ (画像 1) に表示されるべきではないため、この要素は無視してください (画像 2)。ページはスクロール可能で、ナビゲーションバーが正しい位置に保たれますが、要素のアウトラインが正しくありません。すべての緑色のボックス表示は、編集ボタンと削除ボタンとともに重ねて表示...

P粉156415696 2024-04-03 18:48:12

scrollIntoView() がコンテナをページの先頭までスクロールしないようにします

スクロールスナップを使用するが、現在表示されているスライドを制御するためのナビゲーションボタンも備えた、単純な「主にCSS」画像カルーセルを構築しようとしています。私が見つけた唯一の解決策は、ターゲット要素でscrollIntoView()を使用することです。これは私が望むことを実行しますが、ターゲット要素を常にページの先頭までスクロールします。ターゲットのカルーセルスライドとコンテナーを元の位置に維持し、スライドを水平方向にスクロールして表示したいだけです。 AdamArgyle の例を見ていたところ、彼はこれを実行し、コンテナは元の位置に留まりました、わかりません

P粉690200856 2024-03-26 20:25:28

ナビゲーションバーのコードがあまり良くないので修正しました。リンク切れの問題が発生しました。理由はわかりません

この問題をどう説明したらいいのかよくわかりませんが、基本的に、固定ナビゲーションバーはスクロールしないがハイパーリンクは機能するか、ナビゲーションバーはスクロールしますがハイパーリンクは機能しません。 html と css で修正しようとすると、このループが発生し続けます。これに関して助けていただければ幸いです。これはナビゲーションバーの HTML です: <body><navclass="navbarnavbar-expand-lgfixed-topnavbarScroll"><di

P粉004287665 2024-04-04 09:09:20

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

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

P粉118698740 2023-08-16 16:40:27

固定ナビゲーションバーの 1 レベル上の絶対 div

ナビゲーションバーに問題があります。固定ナビゲーションバーを作成しましたが、サイトの一番下までスクロールすると、div の 1 つがその上に表示されます。ナビゲーションバーをサイト上の他のすべてのコンテンツの最前面に表示したいと考えています。理由が分かりません、助けてもらえますか？これも修正できるのでしょうか？これは私のコードです: HTML<body><header><divclass="navbar"><divclass="navbar-gauche&quot

P粉635509719 2024-02-21 22:06:56

Chrome での HTML Web ページのページネーション

フルページの div コンテナの後にページネーションしようとしています。紹介ページを読み込むのと同じように、下にスクロールすると、一種のナビゲーションセンターに入ることができます。これはChromeの問題のような気がしますが、ページ区切り項目はEdgeでも機能しません。 <divclass="pagebreak">でタブを閉じた後に改ページしたい。 div には背景、サブタイトル、および大きなタイトルが含まれており、これらはすべて完全なページを埋めます (そして埋めるべきです)。その後、新しいページを強制的に開きたい

P粉041881924 2024-04-02 23:26:08

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバーデータベース初期化コネクタのコードスニペットです。

P粉178132828 2023-09-05 11:18:47

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28