요소의 스크롤 위치 백분율을 계산하는 방법은 무엇입니까?

창 내 요소의 스크롤 위치를 백분율로 계산하고 싶습니다. 0%는 요소의 상단이 창 하단에 있는 위치(아직 표시되지 않음) 100%는 요소의 하단이 창 상단에 있는 위치(모든 요소가 표시됨) 거의 비슷하지만 내가 수학에서 뭔가 잘못 생각하고 있다는 걸 알아요. 여러 요소의 스크롤 비율을 표시하기 위해 작은 데모를 만들었지만 비율이 모두 잘못되었습니다. functiongetElemScrollPercent(selector){constscale=0.1;constel=document.quer

P粉786800174 2024-04-03 19:55:00 0  1  611

CSS 요소 가장자리가 스크롤 상자 가장자리 "바깥쪽"에 있다는 것은 무엇을 의미합니까?

다음 사양을 해석하는 올바른 방법은 무엇입니까? "요소 가장자리 A와 요소 가장자리 B가 모두 스크롤 상자 가장자리 A와 스크롤 상자 가장자리 B 외부에 있는 경우 아무 작업도 수행하지 마세요. 출처: https://drafts.csswg.org/cssom-view/#dom -scrollologicalposition-nearest: ~:text=If%20element%20edge%20A%20and%20element%20edge%20B%20are%20b

P粉763748806 2024-01-16 23:45:09 0  1  510

angular.js - 데이터를 새로 고치는 anglejs 풀다운과 데이터 플러그인을 로드하기 위한 하단 무한 스크롤을 찾고 있습니다.

Anglejs 풀다운 새로 고침 데이터 및 무한 스크롤 하단 로딩 데이터 플러그인을 찾고 있습니다.

大家讲道理 2017-05-15 17:13:16 0  1  899

javascript - 요소가 화면의 표시 영역 아래쪽으로 스크롤되었는지 확인하는 방법은 무엇입니까?

요소는 원래 화면의 보이는 영역 하단 위에 있었는데, 스크롤 막대를 위로 스크롤하면 요소가 화면 하단에 닿을 때 기능을 실행하고 싶습니다. 그럼 화면에 닿는 요소를 어떻게 캡쳐할 수 있을까요? 하단의 상황은 어떨까요?

给我你的怀抱 2017-05-19 10:26:18 0  3  752

요소에 스크롤 이벤트 리스너가 추가되었지만 scrollTop이 0이 아닌 경우에만 올바르게 이동합니다.

그래서 저는 완료/활성 작업이라는 두 개의 목록이 있는 작은 스크립트를 작성했습니다. 버튼을 클릭하면 작업 목록을 전환할 수 있고, "추가 정보"를 클릭하면 작업에 대한 자세한 내용을 읽을 수 있습니다. 더 많은 정보를 클릭하면 새 div 요소가 생성되고 해당 요소의 호스트 요소 Y 위치를 따르고 싶습니다. 절반만 작동합니다. 다음과 같습니다. 여기에 이미지 설명을 입력하세요. 이것은 버그입니다. 스크롤 가능한 요소인 scrollTop이 0이 아닐 때 이 오류가 발생한다고 확신합니다(올바른 방식으로 생성되었으며 스...

P粉427877676 2024-04-01 11:03:26 0  1  575

javascript - DOM 요소에서 PDF를 미리 볼 수 있는 플러그인을 추천할 수 있는 사람이 있습니까?

그림의 효과와 비슷하게 이제 objectPDF.js라는 PDF 플러그인을 사용하고 나면 PDF 미리보기 플러그인 뒤에 있는 DOM 요소가 사라집니다.

ringa_lee 2017-05-19 10:09:10 0  2  567

css - 스타일 시트의 스타일을 해당 요소에 직접 출력하여 스타일을 지정할 수 있는 플러그인이 있나요?

스타일을 작성하고 이를 스타일의 해당 요소에 출력하는 것과 같은 플러그인을 얻고 싶습니다. 예: {code...}

学习ing 2017-06-24 09:43:08 0  2  837

javascript - 스크롤 이벤트가 버블링을 방지할 수 없는 이유는 무엇입니까?

요구 사항은 마우스가 페이지의 스크롤 막대가 있는 요소 내부에 있을 때 스크롤 이벤트가 트리거되어 본문 스크롤이 동시에 트리거되는 것을 방지한다는 것입니다. 직설적으로 말하자면, div 내부에서 마우스를 굴릴 때 div가 끝까지 스크롤되더라도 본문은 스크롤되지 않습니다. 버블링을 방지하기 위해 div에 스크롤 이벤트를 제공했습니다. 이 아이디어를 활용하고 싶습니다...

PHP中文网 2017-07-05 11:07:59 0  6  4236

javascript - 무한 지연 로딩 반응

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

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

javascript - jquery.lazyload를 사용할 때 발생하는 문제와 관련하여 도움을 주세요!

이 플러그인이 동적으로 삽입된 요소를 처리하지 않는 것 같습니다. 이는 동적으로 삽입된 요소가 정상적으로 표시될 수 없지만 항상 로딩 이미지를 표시한다는 것을 의미합니다. 현재 임시 해결책은 새로 삽입된 노드에 고유 컨테이너를 추가하는 것입니다. , 그리고 이 컨테이너에서 초기화를 수행해 보세요. 어떻게 생각하세요?

ringa_lee 2017-05-19 10:45:21 0  3  625

javascript - js에서 요소의 표시된 부분의 높이를 얻는 방법은 무엇입니까?

요소가 스크롤되면 일부 또는 모든 요소가 숨겨질 수 있습니다. 보이는 부분의 높이를 얻는 방법은 무엇입니까? clientHeight를 사용할 수 없습니다. 어떻게 해야 합니까?

过去多啦不再A梦 2017-06-12 09:30:22 0  4  731

javascript - 요소가 자동으로 위로 이동했습니다. 설명이 명확하지 않습니다. 그림을 보십시오.

이것은 첫 번째 스크롤 주기 후에는 화살표가 자동으로 위로 이동하는 데 사용되는 풀페이지 플러그인입니다.

黄舟 2017-05-16 13:38:37 0  1  435

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

다른 페이지에 Vue 스크롤 앵커가 있습니까?

내 웹사이트 제목에 라우터 링크가 있는데 클릭하면 양식이 있는 페이지/등록으로 이동합니다. 내가 달성하고 싶은 것은 클릭하면 vueScrollTo 플러그인을 사용하여 등록 양식으로 스크롤된다는 것입니다. 지금은 작동하지만 내가 원하는 방식으로 100% 작동하지는 않습니다. 현재로서는 /registration 페이지가 아닌 곳에서 클릭하면 양식으로 완벽하게 스크롤되지만, /registration 페이지 자체에 있는 상태에서 라우터 링크를 클릭하면 다음과 같은 메타로 스크롤하려고 하면 경고 메시지가 나타납니다. 페이지에 없어

P粉627027031 2024-02-21 10:17:16 0  2  396

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

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

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

javascript - vue.js에 현재 인터페이스를 특정 부분으로 스크롤하는 더 빠른 방법이 있습니까?

예를 들어, 일반 HTML 페이지는 최상위로 돌아갈 때 a 태그의 href 속성을 특정 id로 설정한 다음 클릭 시 해당 부분으로 스크롤 막대를 스크롤할 수 있습니다(물론 높이를 직접 설정할 수도 있습니다). 스크롤 바). 그리고 현재 동일한 vue 구성 요소에서 다른 항목을 클릭해야 한다는 요구 사항이 있습니다.

为情所困 2017-05-18 10:45:35 0  8  617

스크롤 상태를 건드리지 않고 React의 div 상단에 추가

반응에 문제가 있습니다. 가로 스크롤로 볼 수 있는 많은 하위 div가 포함된 간단한 스크롤 가능 div를 구현하려고 합니다. 기본적으로 각 하위 div는 하루에 해당합니다. 이 구성요소는 사용자가 현재 날짜와 다음 날짜에 대한 정보를 처음 볼 때 로드됩니다. 그러나 사용자가 (왼쪽 또는 오른쪽) 스크롤하는 경우 일종의 "무한 스크롤 기능"을 구현하여 더 많은 정보를 추가할 수 있기를 바랍니다. 상위 div 끝에 새 하위 div를 추가하려고 하면 아무런 문제가 없습니다. 그러나 상위 div의 시작 부분에 새 하위 ...

P粉217629009 2024-03-19 19:13:46 0  1  447

CSS 배경 그라데이션이 전체 페이지(스크롤 가능한 콘텐츠 포함)를 덮지 않습니다.

HTML 문서의 CSS 배경 그라데이션에 문제가 있습니다. 선형 그래디언트를 배경으로 사용하고 본문 요소에 설정하는 페이지를 디자인했습니다. 내가 직면한 문제는 스크롤할 콘텐츠가 더 많음에도 불구하고 화면이 처음 끝나는 곳에서 그라데이션이 끝나는 것처럼 보인다는 것입니다. 따라서 아래로 스크롤하면 그라디언트의 두 번째 인스턴스가 처음부터 다시 시작되는 것처럼 보입니다. 이것은 나의 현재 CSS(SCSS) 코드입니다: @importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  686

scrollIntoView()가 컨테이너를 페이지 상단으로 스크롤하는 것을 방지합니다.

스크롤 스냅을 사용하지만 현재 표시된 슬라이드를 제어하기 위한 탐색 버튼도 포함하는 간단한 "주로 CSS" 이미지 캐러셀을 만들려고 합니다. 내가 찾은 유일한 해결책은 내가 원하는 작업을 수행하는 대상 요소에 scrollIntoView()를 사용하는 것입니다. 그러나 이 방법은 항상 대상 요소를 페이지 상단으로 스크롤합니다. 대상 캐러셀 슬라이드와 컨테이너를 원래 위치에 유지하고 슬라이드가 가로로 스크롤되어 표시되기를 원합니다. 저는 AdamArgyle의 예를 보고 있었는데 그는 이것을 했고 컨테이너는 그 자리에 ...

P粉690200856 2024-03-26 20:25:28 0  1  465