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

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

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

html - jquery에서 setInterval을 사용하여 루프에서 기어 스크롤 만들기

지금 만들고 있는 애니메이션은 마우스를 가리키면 스크롤 이벤트가 발생하는 것입니다. 우리가 만들고 싶은 애니메이션은 페이지가 로드된 후 일정 기간 후에 기어가 다시 롤아웃되는 것입니다. 시간의. 오른쪽 스크롤과 왼쪽 스크롤 모두 가능하지만 jquery에서 "일정 시간 후 + 롤아웃 후 롤백..."이라고 쓰는 방법을 모르겠습니다.

習慣沉默 2017-05-16 13:25:04 0  3  808

javascript - jquery 실제 이벤트, 페이지가 각 DIV의 맨 위로 스크롤되면 이벤트가 실행됩니다.

jquery 실제 이벤트, 페이지가 각 DIV의 맨 위로 스크롤되면 이벤트를 실행합니다.

我想大声告诉你 2017-05-18 10:50:45 0  1  588

javascript - limarquee.js의 무한 루프 스크롤로 인해 메모리 누수가 발생합니까?

데모주소 http://www.dowebok.com/demo/188/ 1분 넘게 추적해 보니 메모리 사용량이 급격하게 늘어난 것을 발견했습니다. 메모리가 누출된다는 뜻인가요? 그리고, 메모리 누수를 일으키지 않는 무한 루프 스크롤링도 있는지 묻고 싶습니다.

phpcn_u1582 2017-05-19 10:28:55 0  1  529

Vuejs v-for는 무한 스크롤 시 매우 지연됩니다.

새로운 객체 데이터를 추가하면 v-for가 이미 렌더링된 객체라도 모든 객체를 다시 렌더링하는 이상한 vuejs 효과가 있습니다. 페이스북처럼 무한 스크롤을 구현하고 있습니다. 코드 이 코드를 설명하기 위해 Firebase에서 새 데이터를 가져온 다음 데이터가 화면 하단에 도달하면 이를 데이터 개체에 푸시합니다. VarvueApp=newVue({el:'#root',data:{postList:[], isOkaytoLoad: false,isRoomPostE

P粉301523298 2023-12-28 18:00:08 0  1  377

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

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

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

javascript - js 마우스 휠 이벤트 문제를 해결하는 방법

jquery 사용 시 몸체 높이에 상관없이 마우스 휠이 발동될 수 있습니다. (다음 주소는 결과 아래 휠 스크롤 부탁드립니다.) https://jsfiddle.net/shannon9/37fj5Lbs/embedded/ Native js를 사용하는 경우, 몸체 높이 설정(롤링이 나타남...

PHP中文网 2017-05-19 10:09:15 0  1  384

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

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

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

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

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

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

javascript - 무한 지연 로딩 반응

페이지가 스크롤될 때 React.js를 사용하면 플러그인 없이 무한한 지연 로딩을 달성할 수 있습니다.

黄舟 2017-06-15 09:22:36 0  2  795

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

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

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

Ionic 6의 Ionic 모드에서 스크롤바 스타일 지정: 단계별 가이드

ion-modal에는 콘텐츠가 넘칠 경우 나타나는 기본 스크롤 막대가 있습니다. 스크롤바의 스타일을 지정하고 싶습니다. ::-webkit-scrollbar, ::-webkit-scrollbar-track 및 ::-webkit-scrollbar-thumb을 사용하여 앱에서 스크롤바의 스타일을 지정할 수 있지만 모달에서는 작동하지 않는 것 같습니다. ion-content::-webkit-scrollbar와 같이 모달 내부의 여러 구성 요소에 이러한 요소를 적용하려고 시도했지만 적용되지 않았습니다.

P粉547362845 2024-01-04 20:51:07 0  1  463

스크롤 작업 전 조건을 추가하는 방법

fullpage.js 라이브러리를 사용하는 데 문제가 있습니다. 모달이 열릴 때 화면이 스크롤되지 않도록 해야 합니다. 다음 코드로 onLeave, afterLoad 및 jQuery를 사용하여 스크롤을 비활성화하려고 했습니다. $(document).ready(function(){$(window).bind("wheel",function(e){if(document.getElementsByClassName("modal)

P粉738046172 2023-09-06 00:00:45 0  1  487

javascript - [React Native] 탭 내에서 각 ListView의 스크롤 막대를 유지하는 방법은 무엇입니까?

문제는 해결되었습니다. CSS 스타일 문제였습니다. . . . js와는 아무 관련이 없습니다. . . 탭에 목록 보기를 포함시켰는데 탭을 전환하면 목록 보기의 스크롤 막대가 모두 같은 위치에 있습니다. . . 즉, 첫 번째 탭에서 100px 스크롤하고 두 번째 탭에서도 역시 100px로 전환했습니다...

伊谢尔伦 2017-06-26 10:58:55 0  1  1086

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

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

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

페이지 탐색 중에 스크롤을 유지하는 것은 항상 바람직하지 않은 기능입니다.

나는 Breeze를 사용하여 표준 laravel + Inertia + vue3 설정을 가지고 있으며 Inertia 문서에 나와 있듯이 페이지 간 탐색은 브라우저 기본 동작을 모방하여 페이지가 로드될 때 스크롤을 맨 위로 재설정해야 합니다. 하지만 내 경우에는 그것이 작동하는 방식이 아닙니다. 내 링크에는 PreserveScroll:true가 없지만 어쨌든 이런 일이 발생합니다. 구성 요소가 로드될 때 맨 위로 스크롤하기 위해 vuejsonMounted() 후크를 사용하려고 시도했지만 페이지가 이전 페이지의 맨 위에서 마지막 스크롤 ...

P粉166675898 2024-01-02 16:00:21 0  2  538

js에서 마우스 휠 이벤트를 모니터링한 다음 현재 실행 중인 메서드에서 벗어나는 방법에 대한 조언을 부탁드립니다.

친애하는 친구: jquery의 애니메이션 메서드를 사용하는 js 코드가 있습니다. 이 코드가 실행될 때 마우스 휠의 움직임을 모니터링해야 합니다. 마우스 휠의 움직임이 있으면 애니메이션 메서드를 종료하세요. 코드를 어떻게 작성하나요? 첨부 파일: window.onload = function () { setTimeout(autorollup,3000);

天空翱翔 2021-10-28 09:20:05 0  4  1004

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

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

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

JS에서 margintop을 수정하여 무한 슬라이드가 발생하는 방법에 대한 조언을 부탁드립니다.

그게 무슨 일이 있었는지 :. . . . 웹페이지를 만들었는데 웹페이지 하단이 로딩 후 자동으로 위로 올라가려면 3초 정도 기다려야 해서 Jquery의 animate 메소드를 사용했습니다: $("#part2").animate({marginTop: "-=800px " }, 8000);Range, 이 방법을 사용한 후 마우스 휠로 제거할 수 없는 것으로 나타났습니다. 그래서 휠 움직임을 모니터링하기 위해 js 코드를 사용했습니다.

天空翱翔 2021-10-28 09:20:51 0  2  874

페이지를 다시 로드한 후 사이드바 메뉴에서 선택한 항목을 상단에 유지하는 방법

스크롤 사이드바 메뉴가 있습니다. 따라서 메뉴 항목을 선택하면 해당 항목이 사이드바 상단에 나타나야 합니다. 활성 메뉴를 설정하는 데 문제가 없습니다. 알겠어요. 그런데 사이드바의 상단 위치를 설정할 수 없습니다. jQuery를 권장하지 마십시오. 대신 일반 JavaScript를 사용하도록 제안되었습니다. 여기에는 일부 코드 참조가 있습니다. .sidebar{height:100pxoverflow-y:scroll;}.sidebarulli{padding:30px;}<!--CSS--><

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