javascript - js 스크롤바 구현 아이디어

Vue2.0 스크롤바 플러그인을 찾지 못했습니다. JS를 사용하여 스크롤바를 구현하려고 했는데 인터넷에서 스크롤바 구현을 위한 여러 JS 플러그인을 찾았습니다. 어떤 마스터가 스크롤 바코드를 수동으로 작성했는지 묻고 싶습니다. 아니면 관련 블로그가 있나요? 코드가 필요하지 않으며 기본적인 구현 아이디어만 있으면 됩니다.

PHP中文网 2017-06-12 09:32:11 0  4  862

javascript - 모바일 측에서 파티션 스크롤을 어떻게 구현할 수 있나요?

메뉴와 해당 음식에 자체 스크롤 영역을 갖게 한 다음 오른쪽의 특정 위치로 슬라이드하여 전환하도록 모바일 단말기의 다양한 영역을 구현하는 방법을 묻고 싶습니다. 직접 구현해 볼 수 있지만 각 파티션을 스크롤하는 방법을 알 수 없습니다.

迷茫 2017-05-19 10:30:54 0  2  526

javascript - 기본 페이지에는 스크롤 막대가 있습니다. 팝업 레이어가 나타날 때 원래 스크롤 막대를 숨기고 팝업 콘텐츠를 스크롤 가능하게 하려면 어떻게 해야 합니까?

휴대폰 페이지에서는 기본 본문에 내용이 많고 스크롤 막대가 있습니다. 클릭 시 팝업 레이어가 나타나면 본문 내용은 스크롤할 수 없지만 팝업 레이어는 스크롤할 수 있습니다! 그것을 처리하는 방법?

phpcn_u1582 2017-05-18 11:00:54 0  4  523

전체 페이지를 스크롤하면서 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  557

javascript - 페이지 스크롤바가 나타날 때 페이지가 점프하는 것을 방지하는 방법

페이지 스크롤 막대가 나타날 때 페이지가 이동하는 것을 방지하는 방법 전제 조건: 1. ie8+2와 호환되어야 하며 페이지 높이는 콘텐츠에 따라 다릅니다(즉, 고정 높이인지 여부) 문제: 기본값 최신 브라우저의 스크롤 막대는 Overflow:auto 유형이지만 이제 오른쪽에 요소를 정의해야 합니다(.tips{ {code...} }...

迷茫 2017-06-26 10:54:16 0  1  938

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

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

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

javascript - PC에서 사진을 드래그하고 스크롤바와 동기화하는 예

마스터 여러분, 이미지를 드래그하여 스크롤 막대와 동기화하는 데모 예가 있습니까? 모바일 단말기의 터치 동작과 유사하며, 스크롤바가 차례대로 움직입니다. 인터넷에 있는 예는 나에게 실용적이지 않습니다.

PHP中文网 2017-05-19 10:13:37 0  2  540

javascript - 네이티브 js에서 가로 스크롤 막대와 왼쪽 스크롤 사이의 거리를 모니터링하는 방법은 무엇입니까?

왼쪽에서 가로 스크롤 막대의 스크롤 거리를 모니터링합니다.

我想大声告诉你 2017-05-19 10:08:22 0  2  628

스크롤바가 표시되지 않을 때 tbody의 너비 변경

스크롤 막대가 있는 테이블이 있고 테이블을 필터링할 때 스크롤 막대가 표시되지 않는 것이 나에게 좋지만 문제는 너비가 변경되고 테이블 너비가 점점 커지고 있다는 것입니다. 다음과 같습니다. 스크롤 막대 포함: 스크롤 막대 없음, 필터링 후: 내 CSS 코드는 다음과 같습니다. .table{table-layout:fixed;width:100%!important;}tbody{display:block;height:326px ;overflow:auto ;너비:1205px;}머리

P粉211273535 2024-04-02 11:15:58 0  1  440

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  527

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

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

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

css3 - 스크롤 막대가 아래로 내려갈 때 나타나는 페이지의 각 부분 효과를 얻는 방법은 무엇입니까?

웹사이트를 살펴보니 스크롤 막대가 아래로 내려가면서 페이지의 모든 부분이 처음 로드되었을 때와 동일한 효과가 나타납니다. 다시 새로고침하면 이러한 효과가 어떻게 다시 나타납니까? jquery 로드로 쓴건가요? 이 홈페이지 http://www.itxdl.cn/bra... 와 비슷하네요.

漂亮男人 2017-06-05 11:10:23 0  2  1853

javascript - 스크롤 막대에 따라 페이지에서 고정 위치의 사이드바 위치를 동적으로 늘리는 방법은 무엇입니까?

요구 사항은 다음과 같습니다. 처음에는 페이지의 사이드바가 페이지의 특정 위치(예: 오른쪽: 0, 아래쪽: 0)에 고정되어 있습니다. 바닥글 부분을 접으면(아래 그림 참조) 특정 위치에 도달하면 스크롤 막대가 증가함에 따라 하단의 값이 증가합니다. 효과는 시작점과 유사합니다.

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

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  1128

javascript - 각도 $modal 열기 팝업 상자가 표시된 후 웹 페이지의 스크롤 막대를 비활성화하는 방법

각도 $modal 열기 팝업 상자가 표시된 후 웹 페이지의 스크롤 막대를 비활성화하는 방법

为情所困 2017-05-18 11:01:37 0  1  477

javascript - iframe 웹페이지를 로드할 때 스크롤 막대가 왜 이렇게 표시됩니까?

죄송합니다. iframe이 큰 페이지를 로드할 때 먼저 작은 스크롤 막대가 나타나고 페이지의 해당 부분만 표시되고 전체를 표시하는 데 시간이 걸리는 이유는 무엇입니까? 이거 너무 못생겼어요. . .

仅有的幸福 2017-05-16 13:26:44 0  1  552

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

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

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

전체 페이지를 이동하지 않고 특정 섹션을 대상으로 하는 페이지 내에서 세로 스크롤 구현

일부 페이지에서 이런 효과를 본 적이 있습니다. 아래로 스크롤했지만 페이지 자체가 움직이지 않는 것 같습니다. 따라서 일부 요소는 페이드 인 또는 아웃되거나 나타나거나 사라집니다. 5장의 카드가 포함된 섹션이 있습니다. 이제 동일한 효과를 만들고 싶습니다. 섹션까지 아래로 스크롤할 때 위아래로 스크롤하여 섹션을 탐색하고 싶습니다. 현재 위치에 따라 카드를 표시하거나 숨기고 싶습니다. 먼저 해당 섹션에 Overflow:scroll을 추가했지만 이 효과를 만들 아이디어가 부족했습니다.

P粉946437474 2023-08-15 19:29:46 0  1  444

제목은 다음과 같이 다시 작성되었습니다. 하단 붙여넣기 기능의 스크롤 효과를 얻는 방법은 무엇입니까?

여기서 보고 있는 것과 비슷한 효과를 얻으려고 노력하고 있지만 각 섹션의 콘텐츠도 스크롤 가능해야 합니다. 즉, 섹션의 맨 아래에 도달할 때만 수정됩니다. 예를 들어 콘텐츠가 200vh인 경우 다음과 같습니다. section{position:sticky;top:0;height:200vh;}sectionimg{width:100%;height:100%}section:nth-of-type(1){ 배경 :rgb(225,204,200)

P粉587780103 2023-09-09 19:41:49 0  1  593

javascript - 모바일 단말기에서 가로 스크롤을 구현한 후 줄바꿈 문제가 발생합니다. 조언 부탁드립니다.

그림에 표시된 것처럼 나란히 표시해야 하는 두 개의 라벨 내용이 있습니다. 이제 두 번째 라벨 내용이 너비를 초과하는 경우 슬라이딩 표시 효과를 설정해야 합니다. 원래 효과는 이렇습니다. 단어가 너무 많으면 두 줄로 바뀌고 남는 부분은 스크롤됩니다. 하지만...

某草草 2017-06-12 09:25:32 0  1  615