vuepressのサイドバーの問題

デフォルトですべてのページを右側に展開するにはどうすればよいですか? 公式ドキュメントのサイドバーは少しわかりにくいです。ご指導ありがとうございます。

Aa 2021-10-12 10:17:19 0  2  1111

サイドバーが開いたときに div が左に押されるように、サイドバーの隣に div を配置する方法

サイドバーを開くと、メインコンテンツの div が右に寄せられるのではなくサイドバーの下に配置され、表示されるときの div の px はサイドバーの幅と等しくなるはずです。 css と js 関数を作成しましたが、まだ機能しません。ここに問題があります。おそらく、正しい div をターゲットにしていないのです。あるいは、スタイルを記述するときに CSS プロパティが欠落している可能性があります。皆さんが私を助けて、同じ問題に関するドキュメントや記事へのリンクを教えていただければ幸いです。それは私と私の成長にとって大きな助けとなるでしょう。ありがとうございます constmenuLink=do...

P粉898049562 2024-04-03 14:47:21 0  1  472

長い名前を持つ光沢のある selectInput/pickerInput がサイドバーからはみ出るはずです

サイドバーレイアウトでbs4Dashを使用して光沢のあるアプリを構築したいと考えています。サイドバーには、長い名前の項目を含むドロップダウン選択メニューが含まれています。ドロップダウンを開いた後、完全なプロジェクト名が表示されるようにしたい、つまり、ダッシュボードの本体からはみ出るようにします。デフォルトでは、名前はサイドバーの境界線で切り取られるか (shiny::selectizeInput)、ドロップダウンのコンテンツはサイドバーの境界線に右揃えで配置され、項目名の先頭は画面の左側に表示されます (shinyWidgets::)ピッカー入力)。アプリはこんな感じです（更新日：

P粉094351878 2024-02-21 15:22:53 0  1  452

JavaScript - ページ内で固定配置されたサイドバーの位置をスクロール バーに合わせて動的に増加させるにはどうすればよいですか?

要件としては、ページのサイドバーは、最初はページ上の特定の位置（右: 0、下: 0 など）に固定されていますが、スクロールバーがスクロールするにつれて、サイドバーが表示されなくなるのを防ぐために、フッター部分を折りたたむと (下の図を参照)、特定の位置に達すると、スクロール バーの増加に応じて Bottom の値が増加し、開始点と同様の効果が得られます。

高洛峰 2017-06-26 10:53:43 0  2  974

ウィンドウが短すぎると、Flexbox アイテムがコンテナからオーバーフローし、サイドバーが下部の位置合わせを維持できなくなります。

ヘッダー、2x2 コンテンツ グリッド、サイドバーで構成される単純なフレックス レイアウトを使用しようとしています。ウィンドウの幅が一定のサイズより小さい場合、サイドバーは画面の下部に移動する必要があります。現在、そのサイズに達すると、ウィンドウの高さを小さくしすぎると、グリッドのコンテンツがヘッダーの上に重なってしまいますが、なぜこれが起こるのかはわかりません。画面のサイズはビューの高さだけである必要がありますが、サイドバーを移動すると拡大します。 @media(最大幅:960px){.メイン画面{高さ:100vh

P粉226642568 2024-03-31 00:03:58 0  1  489

JavaScript - 固定されているが URL が変更される YouTube のサイドバーに似たフロントエンド効果を作成するにはどうすればよいですか?

YouTube の左側にあるサイドバーで、クリックして登録チャンネルを切り替えると、サイドバーは固定されたままですが、URL アドレス バーが変化していることがわかります。これは、これを ajax に依存して実現すべきではないことを示しています。現在のプロジェクトでは、そのような効果を実現するために ajax を使用することはあまり考えていません。

世界只因有你 2017-06-12 09:28:05 0  5  899

新しいページが読み込まれるたびに React サイドバーが揺れる原因は何ですか?

コンテキストとして、私は React-Bootstrap のライブラリを使用しています。コード内の href をクリックするたびに、サイドバーが 0.5 秒間揺れ、まるでスタイルが設定されていない状態にリセットされてから通常の形式に戻るかのように見えます。なぜこれが起こっているのか知っている人はいますか?私のコードが遅すぎるからでしょうか?これが私のサイドバーコードです: importReactfrom"react";import"../../App.css";import{Nav,Navbar}from

P粉055726146 2024-03-21 22:14:24 0  1  331

常時置換後は左サイドバーのドロップダウン矢印が表示されなくなりますが、JS、CSSの導入には問題ありません。

常時置換後は左サイドバーのドロップダウン矢印が表示されなくなりますが、JS、CSSの導入には問題ありません。何が起こっているのかについて誰かが私に指導をしてくれますか？

浮尘 2017-12-26 17:00:53 0  3  1539

TailwindCSS - 要素のドロップダウン メニューがサイドバーの他の要素を境界外に押し出さないようにするにはどうすればよいですか?

基本的に、複数のセクション (青) を含めることができるサイドバーがあり、各セクションはオン/オフにすることができ、複数の項目 (赤) を含めることができます。開いたときに、展開された要素が他の青い部分を境界線の外に押し出すのではなく、境界線の外側に押し出して、展開された部分でオーバーフローのようなスクロールを実行するようにします。これは、どのように見えるか (1) とどのように見えるか (2) のスクリーンショットです。 使用されるコードは次のとおりです: <divid="container" class="h-96w-52ov

P粉505450505 2023-09-03 19:21:03 0  1  611

vim-airline タブを開いた後に閉じる方法

vim には、vim-airline と NERDTree という 2 つのプラグインがインストールされています。 サンプル ページ bugreport.vim と delmenu.vim をそれぞれ開きます。ここで、bugreport.vim はページ 1、delmenu.vim はページ 3、NERDTree によって生成されたサイドバーはページ 2 です。 1. NERDTree によって生成されたサイドバーもカウントされるのはなぜですか。 ..

大家讲道理 2017-05-16 16:35:58 0  3  976

折りたたまれたサイドバーを作成するにはどうすればよいですか?

メインコンテンツを左に移動できません。 「開く」ボタンをクリックすると、次のコードにより本文のコンテンツが右に移動します。 functionopenNav(){document.getElementById("mySidebar").style.width="250px";document.getElementById("main").style .marginLeft="25

P粉491421413 2024-04-02 10:02:05 0  2  443

ページのリロード後もサイドバーメニューで選択した項目を上部に維持する方法

スクロールするサイドバーメニューがあります。したがって、メニュー項目を選択すると、サイドバーの上部に表示されるはずです。アクティブなメニューの設定に問題はありません。わかった。ただし、サイドバーの上部の位置を設定できません。 jQuery は推奨しないでください。代わりに、プレーンな JavaScript を使用することを提案されました。ここにコードリファレンスがあります。.sidebar{height:100pxoverflow-y:scroll;}.sidebarulli{padding:30px;}<!--CSS--><

P粉955063662 2024-02-17 14:49:08 0  1  365

Symfony2のlayout.html.twigでデータをクエリして表示するにはどうすればよいですか?

サイドバーなど、layout.html.twig にクエリを実行して表示する必要がある公開部分がある場合、それを行う最善の方法は何でしょうか?

过去多啦不再A梦 2017-05-16 16:46:16 0  2  632

タイトルを書き換えます: 画面幅に基づいて Vue.js イベントを出力する

サイドバーから次のコードを取得しました。リンクがクリックされると、ルート コンポーネントにイベントを発行し、サイドバーを非表示にする関数を呼び出します。これは正常に機能していますが、画面の幅が 768px 未満の場合にのみイベントが発行されるようにして、関数を呼び出したいときにのみイベントが発行されるようにします。 <divclass="side-links"><ul><li><router-link@click="$emit('nav

P粉463291248 2024-03-28 10:37:34 0  1  462

JavaScript - ページを更新した後に dom を再度取得するにはどうすればよいですか?

include.jsを使用しました。サイドバーを独立させた後、サイドバーのliをクリックすると、liには他のページへのリンクが含まれています。問題は: {code...} コード: {code...} &lt; /div&gt;&lt; ;div class="left_nav fl"&gt; {コード...} &lt;/div&gt; {コード...}

怪我咯 2017-05-19 10:14:25 0  4  428

TypeScript で書かれた React Context プロバイダー

私は Reactcontext と TypeScript を初めて使用し、サイドバーを開いたり閉じたりするためのコンテキストを作成しようとしています。これは私のコードです importReact,{createContext,useContext,ReactNode,SetStateAction,Dispatch} from "react";interfaceStateContextType{activeMenu:booleanset

P粉714780768 2024-03-28 22:28:44 0  1  450

VueJS で 2 つの条件文を使用する方法

多くの機能を備えたサイドバーを作成しているので、:class に 2 つの条件を追加する必要がありますが、その方法がわかりません。これは私がやったことです:class="showSidebar?'open':'closed',showSidebarMini?'openmini':'closedmini'"

P粉877719694 2024-02-17 15:36:23 0  2  383

JSは効果がありません

JS ファイルと CSS ファイルは正しく参照されていますが、サイドバーの質問リストやその他のオプションをクリックしても、右側に対応するタブ ページが表示されません。サイドバーのオプションをクリックするだけでは何も起こりませんでした。

U. 2019-06-22 14:59:15 0  2  1243

vuejs と tailwind を使用すると、条件付きクラス変更に基づく CSS 変換が機能しない

tailwindtransition クラスを使用して、サイドバー Vuejs 内のサブメニュー コンポーネントを展開しようとしています。 //template<div:class="`${index===0?'mt-2':''}sidebar-linksidebar-dropdown-link`"@click="link.open=!link.open"> <divclass=

P粉872182023 2023-08-30 10:21:09 0  1  471

Wordpress/Woocommerce、カテゴリページの現在の製品ループクエリにアクセスする方法

私のコードでは、サイドバーにショートコードを含むいくつかのフィルターパラメーターを追加しました。クエリ ループ内の製品のすべての属性を取得できる現在の製品ループ クエリ カテゴリにアクセスする必要があります。これに関する詳細情報をどこで入手できるか誰か教えてもらえますか?

P粉322918729 2024-02-21 13:11:12 0  1  467