vuepress 사이드바 문제

기본적으로 오른쪽에 모든 페이지를 확장하는 것이 어떻게 가능합니까? 공식 문서의 사이드바가 약간 혼란스럽습니다. 지도해 주셔서 감사합니다.

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

사이드바가 열릴 때 div가 왼쪽으로 밀리도록 사이드바 옆에 div를 배치하는 방법

사이드바를 열 때마다 기본 콘텐츠 div는 오른쪽으로 밀리지 않고 사이드바 아래에 배치되며, 표시될 때 div의 px는 사이드바의 너비와 같아야 합니다. CSS와 JS 함수를 작성했지만 여전히 작동하지 않습니다. 여기에 문제가 있습니다. 올바른 div를 타겟팅하지 않았을 수도 있습니다. 아니면 스타일을 작성할 때 CSS 속성이 누락되었을 수도 있습니다. 여러분이 저를 도와주시고 같은 문제가 있는 문서나 기사에 대한 링크를 제공해 주시면 저와 제 성장에 큰 도움이 될 것입니다. 감사합니다 constmenuLink=document.qu...

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)에 고정되어 있습니다. 바닥글 부분을 접으면(아래 그림 참조) 특정 위치에 도달하면 스크롤 막대가 증가함에 따라 하단의 값이 증가합니다. 효과는 시작점과 유사합니다.

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

창이 너무 짧으면 Flexbox 항목이 컨테이너를 넘치게 되고 사이드바가 하단 정렬을 유지할 수 없습니다.

헤더, 2x2 콘텐츠 그리드, 사이드바로 구성된 간단한 플렉스 레이아웃을 사용하려고 합니다. 창의 너비가 특정 크기보다 작을 경우 사이드바가 화면 하단으로 이동해야 합니다. 현재는 해당 크기에 도달한 후 창 높이를 너무 작게 설정하면 그리드 내용이 헤더 위에 겹쳐지는데 왜 이런 일이 발생하는지 모르겠습니다. 화면은 뷰 높이의 크기여야 하지만 사이드바를 움직이면 화면이 확장됩니다. @media(최대 너비:960px){.main-screen{높이:100vh

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

javascript - 고정되었지만 URL이 변경되는 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 - 요소의 드롭다운 메뉴가 사이드바의 다른 요소를 경계 밖으로 밀어내지 않도록 만드는 방법은 무엇입니까?

기본적으로 여러 섹션(파란색)을 포함할 수 있는 사이드바가 있는데, 각 섹션은 켜거나 끌 수 있고 여러 항목(빨간색)을 포함할 수 있습니다. 열 때 확장된 요소가 다른 파란색 부분을 테두리 밖으로 밀어내지 않고 테두리 밖으로 밀어내고 확장된 부분에서 오버플로-y 스크롤을 수행하기를 원합니다. 다음은 모양(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라는 두 가지 플러그인이 설치되어 있습니다. 예제 페이지 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 . 마진왼쪽="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

Symfony2layout.html.twig에서 데이터를 쿼리하고 표시하는 방법은 무엇입니까?

레이아웃.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; ;div class="left_nav fl"&gt; {코드...} &lt;/div&gt;

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

TypeScript로 작성된 React 컨텍스트 제공자

저는 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에서 두 개의 조건문을 사용하는 방법

많은 기능이 포함된 사이드바를 만드는 중이므로 :class에 두 가지 조건을 추가해야 하는데 어떻게 해야 할지 모르겠습니다. 제가 한 일은 다음과 같습니다: :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 변환이 작동하지 않습니다.

사이드바 Vuejs 내부의 하위 메뉴 구성 요소를 확장하기 위해 tailwindtransition 클래스를 사용하려고 합니다. //템플릿<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