React 모드에서는 세로로 스크롤할 수 없습니다.

내 React 프로젝트에 모달을 표시하려고 합니다. 모달이 표시되면 useEffect를 통해 본문의 오버플로를 숨김으로 설정했습니다(그렇지 않으면 모달 아래 기본 콘텐츠에 대한 스크롤 막대가 표시됩니다). 배경 콘텐츠가 스크롤되는 것을 방지하는 데 완벽하게 작동하지만 문제는 모달에서도 스크롤할 수 없다는 것입니다. 메인 페이지 코드는 다음과 같습니다: importReact,{useState}from"react";import{render}from"react-dom";imp

P粉760675452 2023-09-16 11:18:16 0  1  1076

javascript - 스크롤 막대가 호버 팝업 레이어를 덮고 있습니까?

스크롤바를 추가한 후 스크롤바가 오른쪽 팝업 레이어를 덮어 보이지 않게 됩니다. 스크롤바를 제거하면 내용을 볼 수 있습니다. 이 문제는 어떻게 해결되어야 할까요? (팝업 레이어가 보입니다.) 해결 방법을 알려주세요. 스크롤바를 추가해야 하는데 추가 후 팝업이 안 뜹니다.. .

曾经蜡笔没有小新 2017-05-19 10:47:52 0  4  797

스크롤 진행 애니메이션

스크롤 진행에 애니메이션을 적용하는 방법을 알아야 합니다. 이는 일반적인 스크롤 진행이 아니라 뭔가 다릅니다. 웹사이트 링크와 제가 찾고 있는 애니메이션이 포함된 특정 부분의 스크린샷을 제공하겠습니다. https://todoist.com/웹사이트 링크입니다. 웹사이트 홈페이지의 특정 섹션에 대한 스크린샷을 첨부했습니다. 페이지를 스크롤하면 섹션 내에서 스크롤이 발생하고 섹션 자체도 스크롤됩니다. 해당 스크롤 섹션이 완료되면 정상적으로 계속 스크롤하십시오. 스크롤 진행률 표시줄에 대한 많은 튜토리얼을 볼 수 있지만 이 특정 스타일의 ...

P粉821808309 2024-03-29 19:36:49 0  1  404

블록을 넘을 때 스크롤 라인이 스크롤되는 것을 방지

3개의 블록이 있고 두 번째 블록에는 줄과 스크롤링 원이 있습니다. 원은 메인 스크롤과 함께 스크롤되며 스크롤이 중지되면 원은 가장 가까운 지점, 즉 각 블록의 중심에 고정됩니다. 그러나 여기서는 메인 스크롤이 두 번째 블록인 원을 통과할 때 이 문제에 직면합니다. 스크롤이 중지되고 페이지에서 올바르게 작동하지 않습니다. 메인 스크롤이 block2를 통과할 때 원이 자동으로 마지막 케이스에 고정되고 스크롤이 완전히 중지되도록 스크립트를 완료할 수 있습니까? 돌아가서 block2를 건너면 다시 작동해야 합니다. 일반적으로 문제는 스크...

P粉038856725 2024-03-29 23:23:06 0  1  362

높이 100vh는 수직 스크롤바를 제공합니다

높이 100vh에 문제가 있으며 세로 스크롤 막대가 제공됩니다. 높이가 100vh인 widget-holderdiv 안에 외부 콘텐츠를 삽입합니다. 그러나 위젯 홀더의 콘텐츠는 상위 div를 초과하고 수직 스크롤바를 제공합니다. 고정 헤더를 제거하면 세로 스크롤 막대가 표시되지 않습니다. 하지만 이건 삭제할 수 없어요. widget-holderdiv의 높이를 줄이면 일부 내용이 표시되지 않습니다. 그래서 높이를 낮출 수가 없어요. 위젯 홀더 콘텐츠가 상위 높이와 정확히 일치하도록 하는 솔루션이 필요합니다. HTML

P粉378264633 2024-03-27 23:06:05 0  1  493

React 앱의 스크롤 동작에 영향을 주지 않고 모바일 장치나 에뮬레이터에서 스크롤 막대를 숨기는 방법은 무엇입니까?

모바일에서는 스크롤바가 앱 전체에서 완전히 숨겨지도록 하고 싶지만 사용자가 스크롤할 수 있어야 합니다. 스크롤바를 숨기기 위해 CSS 스크롤바, 스크롤바-썸, 스크롤바-썸:호버, 스크롤바 트랙을 사용해보았는데 브라우저에서는 작동하지만 모바일 장치에서는 작동하지 않습니다.

P粉208286791 2023-08-17 15:35:56 0  1  608

스크롤 휠을 사용할 때 부드러운 스크롤 애니메이션을 얻을 수 있는 방법이 있습니까?

페이지를 스크롤할 때 스크롤 휠을 사용할 때처럼 "점프하는" 방식 대신 부드럽게 움직이도록 만들려고 합니다. 이와 관련하여 내가 본 대부분의 소스는 버튼이나 링크를 클릭할 때 반응 스크롤이 제공하는 것과 같은 부드러운 스크롤을 포함하지만 특히 휠 스크롤의 부드러운 효과를 얻고 싶습니다. MaterialUI 테마를 통해 이를 달성할 수 있는 방법이 있습니까? 아니면 이에 도움이 될 수 있는 React 패키지가 있습니까?

P粉118698740 2023-08-16 16:40:27 0  1  597

오버플로 컨테이너의 플렉스 항목 위로 스크롤할 수 없습니다.라는 제목이 다음과 같이 다시 작성됩니다. 오버플로 컨테이너의 플렉스 항목 위로 스크롤할 수 없습니다.

Flexbox를 사용하여 유용한 모달을 만들려고 시도하는 동안 브라우저 문제로 보이는 것을 발견하고 알려진 수정 사항이나 해결 방법이 있는지 또는 수정 방법에 대한 아이디어가 있는지 궁금했습니다. 내가 해결하려는 문제에는 두 가지 측면이 있습니다. 첫째, 모달 창을 수직으로 중앙에 배치하면 예상대로 작동합니다. 두 번째는 외부 스크롤을 사용하여 모달 창을 스크롤하도록 만드는 것입니다. 그러면 내부 콘텐츠가 아닌 전체 모달 창이 스크롤됩니다. 이 방법을 사용하면 모달 범위를 넘어 확장할 수 있는 드롭다운 메뉴 및 기타 UI 요소를 가...

P粉854119263 2023-08-22 14:58:06 0  2  488

javascript - dropload+tab 페이지, 그래픽 및 텍스트 페이지에서 스크롤할 때 두 스크롤 영역을 나누는 방법은 무엇입니까?

두 개의 스크롤 막대로 이런 것을 어떻게 깨뜨릴 수 있습니까? 현재는 스크롤 막대가 바깥쪽 스크롤 막대에서 스크롤되고 있습니다. 안쪽 스크롤 막대를 터치하면 안쪽 스크롤 막대 영역만 이동합니다. 상단 배너 영역은 움직이지 않습니다.

伊谢尔伦 2017-06-08 11:03:15 0  1  867

div의 맨 아래로 스크롤하는 방법은 무엇입니까?

Ajax 요청을 사용하여 채팅 기능을 만들고 있는데 메시지 div가 자동으로 맨 아래로 스크롤되도록 하려고 하는데 성공하지 못했습니다. 이 div의 모든 콘텐츠를 래핑합니다. #scroll{height:400px;overflow:scroll;} JS를 사용하여 기본적으로 아래쪽으로 스크롤할 수 있는 방법이 있나요? Ajax 요청 후에 계속 아래쪽으로 스크롤할 수 있는 방법이 있나요?

P粉269530053 2023-08-20 12:38:02 0  2  579

Vue 가로 스크롤

마우스로 아이콘을 가로로 스크롤하고 싶습니다. Javascript에서 scrollLeft로 시도했지만 스크롤할 때 값이 변경되지 않습니다. 스크롤할 때 deltaY 값만 100에서 -100 사이에서 변경됩니다. 문제가 어디에 있는지 아는 사람이 있나요? 스크롤 막대 위에 마우스를 놓고 스크롤하면 작동하지만 전체 div 컨테이너에서 작동하길 원합니다. 또한 가능하다면 종속성/npm-libraries 없이 이 작업을 수행하고 싶습니다. 템플릿<divclass="iconsfl

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

javascript - vue-router 경로를 전환할 때 스크롤 막대 문제

1. vue-router의 scrollBehavior에 출력되는 savePosition은 항상 Object {x: 0, y: 0}입니다. 2. keep-alive를 사용해도 스크롤 막대 위치를 기록할 수 없으며 자동으로 맨 위로 이동합니다. 경로를 전환할 때 3. window.scrollTo도 점프할 수 없습니다.

怪我咯 2017-06-12 09:22:13 0  2  1098

페이지 위에 있는 요소의 오버플로로 스크롤할 수 없습니다.

페이지 크기를 조정하면 요소가 뷰포트 위로 오버플로되어 위로 스크롤하여 볼 수 없습니다. 해결책이 있는 질문을 찾았지만 작동하지 않았습니다. 두 개의 "핵심" 보이지 않는 div와 모든 콘텐츠를 포함하는 하나의 div 요소가 있습니다. 이 문제를 해결하려고 하기 때문에 "컨테이너" div가 존재합니다. .container{위치:고정;상단:0;왼쪽:0;너비:100%;높이:100%;z-index:500;}.main-co

P粉041881924 2023-08-30 21:41:10 0  2  594

바닥글 구독 시 자동으로 아래쪽으로 스크롤

바닥글에 있는 상태에서 양식을 제출하면 다른 페이지로 리디렉션되지만 자동으로 바닥글로 스크롤됩니다. 이제 스크롤하지 않으려면 어떻게 해야 합니까? window.scrollToTop을 사용해 보았지만 작동하지 않고 여전히 아래쪽으로 스크롤한 다음 위쪽으로 스크롤합니다.

P粉550823577 2023-09-15 10:03:57 0  1  476

mysql을 시작할 수 없습니다

시작할 수 없습니다

梦岑 2021-06-24 18:44:13 0  2  1115

외부 div 스크롤을 비활성화하고 내부 div가 맨 아래에 도달하면 다시 활성화합니다.

세로로 배치된 여러 개의 div가 있는 웹페이지를 만들고 있습니다. 내 개념은 다음과 같습니다. 스크롤 막대가 첫 번째 div의 아래쪽에 도달하면 외부 스크롤 막대가 비활성화되고 두 번째 스크롤 막대가 활성화되면 사용자는 내부 스크롤 막대 하단에 도달해야 외부 스크롤 막대를 활성화할 수 있습니다. 스크롤바 인터넷에서 이름과 예를 찾으려고 노력했지만 실제로 원하는 것을 찾을 수 없습니다. 그래서 나는 내가 생각하는 것을 알아내는 데 도움을 줄 자원봉사자를 요청하고 싶습니다.

P粉211273535 2024-03-30 12:33:42 0  1  492

javascript - 스크롤 스크롤 문제

1. https://www.kayak.com.hk/holi... 본 사이트의 효과가 주된 효과입니다. 스크롤 막대를 슬라이드하면 오른쪽 div가 아래로 스크롤되고 왼쪽 div도 그에 따라 스크롤됩니다. 하지만 왼쪽 div가 너무 길기 때문에 윗부분을 숨겨야 이 효과를 얻을 수 있습니다. ...

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

수평 스크롤로 mjml 테이블을 강화하고 오버플로를 추가합니다.

저는 mjml을 사용하여 테이블이 포함된 이메일 템플릿을 만들고 있습니다. 또한 헤더 이름이 너무 길어서 테이블이 가로로 너무 커집니다. 파란색 컨테이너 내부에서 가로로 스크롤하고 싶지만 그렇게 할 수 없습니다. 스크롤 가능하게 만드는 방법은 무엇입니까? 이것은 mjml의 라이브 코드입니다.

P粉464088437 2024-03-27 22:43:41 0  1  437

전체 페이지를 스크롤하면서 React에서 콘텐츠의 내부 스크롤을 구현하는 방법

전체 페이지가 스크롤되면 하위 콘텐츠를 먼저 스크롤하는 로직을 React에서 만들고 싶습니다. 하위 콘텐츠가 완전히 스크롤되면 다음 섹션으로 이동합니다. 예를 들어 A, B, C라는 세 개의 섹션이 있습니다. 각 섹션의 높이는 100vh입니다. 파트 B에는 B1, B2, B3 및 B4의 네 가지 하위 파트가 포함되어 있으며 모두 높이가 100vh입니다. 페이지를 스크롤할 때 섹션 B로 스크롤하면 해당 하위 섹션도 스크롤을 시작합니다. 하위 섹션이 완전히 스크롤되면 스크롤이 C 섹션으로 이동합니다. GSAP 라이브러리를 사용하여 구현...

P粉823268006 2023-09-06 18:19:42 0  1  525

css - div 내부 스크롤, Android에는 스크롤 막대(본문이 아닌 스크롤)가 없습니다. 이를 표시할 수 있는 방법이 있습니까?

{코드...} 바로 이런 코드인데, head와 tail은 고정되고, 가운데 내용은 스크롤됩니다. 중간 높이가 100%이고 head와 tail이 고정되면 스크롤바가 헤드 부분에 나타납니다. 꼬리는 허용되지 않습니다. 따라서 이 경우에는 -webkit-overflow-scrolling: touch;

PHP中文网 2017-05-16 13:22:11 0  1  728