javascript - 모바일 측 sarafi 및 IE에 나타나는 고무줄 효과를 비활성화하는 방법

iOS의 사파리 브라우저에서는 웹페이지를 위로 스크롤하면 고무줄처럼 한 거리 더 스크롤했다가 놓으면 다시 튀어오를 수 있다. 이 효과는 Windows 태블릿에도 존재합니다. CSS를 사용하여 이 효과를 비활성화하는 방법을 알려주십시오. 페이지 내부 스크롤에 영향을 미치는 경우가 많기 때문입니다. 내가 아는 한...

大家讲道理 2017-05-19 10:12:15 0  1  637

javascript - 페이지 로딩 애니메이션 효과가 표시되지 않나요?

1. 현재 작업 중인 프로젝트는 데이터 테이블 페이지입니다. 백그라운드 쿼리가 오래 걸리기 때문에 사용자 경험을 향상시키기 위해 로드 애니메이션을 추가합니다. 애니메이션 로딩을 위한 플러그인에는 문제가 없지만 메소드 실행 중에 애니메이션 효과가 없는 것으로 확인되었습니다. 2. 코드를 직접 붙여넣으세요. JS 시작하기...

迷茫 2017-05-19 10:18:28 0  4  726

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

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

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

javascript - JS 이벤트 버블링 문제

사례 종료: CSS를 사용하여 이 효과를 얻으세요. 도움을 주셔서 감사합니다. 이 효과를 구현하기 위해 CSS를 사용하도록 전환했습니다. 1. 다음 코드에서는 a 태그의 mouseover 및 mouseout 이벤트를 수신하여 캔버스 애니메이션을 트리거하고 mouseover 및 mouseout 콜백에서 해당 이벤트가 버블링되는 것을 방지했지만 마우스가 움직일 때...

学习ing 2017-06-12 09:32:56 0  3  842

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

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

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

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

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

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

스크롤 배경 이미지의 불투명도를 낮추고 최소 불투명도를 제한합니다.

스크롤할 때의 불투명도를 줄이고 랜딩 페이지에서 멀어질 때 배경 이미지를 가져오려고 합니다. 바닐라 자바스크립트를 사용하여 불투명도를 최소 0.5로 낮추려고 합니다. 스크롤 함수에 Math.max()를 추가하여 0.5까지만 낮추려고 했지만 이로 인해 모든 페이지에서 이미지가 0.5로 유지되었습니다. 랜딩 페이지의 불투명도는 항상 1로 설정하고 다른 모든 페이지의 불투명도는 0.5로 설정하고 싶습니다. 스크롤에 애니메이션을 적용할 수 있지만 0.5에서 멈춰야 합니다. constlandingHeight=document.getElemen...

P粉166675898 2024-04-04 23:50:53 0  1  1502

javascript - 부트스트랩 및 날짜 범위 선택기 날짜 플러그인 선택기 문제

내 프로젝트는 부트스트랩 2를 기반으로 하지만 페이지에서 daterangepicker 날짜 플러그인을 사용합니다. 이 플러그인은 부트스트랩 3을 기반으로 합니다. 부트스트랩 2와 3 스타일을 동시에 도입하면 충돌이 발생합니다. 이 페이지에 소개된 부트스트랩 3은 날짜에만 작동합니다. 플러그인이 적용됩니까?

滿天的星座 2017-05-18 10:49:14 0  2  606

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

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

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

모바일의 버튼이 계속 초점을 맞추거나 활성 상태를 유지하여 CSS 애니메이션에 문제를 일으킴

버튼을 클릭할 때마다 애니메이션을 구현하려고 하는데 데스크톱에서는 잘 작동하지만 모바일에서는 동일한 효과를 얻을 수 없습니다. 먼저 버튼을 클릭한 다음 다른 곳을 클릭하여 CSS의 초점을 맞춘 다음 버튼을 다시 클릭하여 애니메이션 효과를 얻어야 합니다. 아래는 코드 조각입니다. .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  539

페이지 확대/축소를 위해 마우스 휠을 사용하고, 페이지를 이동하려면 클릭하고 드래그하세요.

마우스 휠을 사용하여 전체 페이지에 대한 스크롤 및 패닝 효과를 만드는 방법은 무엇입니까? 기본적으로 다른 2D 편집기와 마찬가지로 스크롤하여 확대/축소하고 클릭하고 드래그하여 이동하지만 몸체 전체에 적용됩니다. 온라인에서 이에 대한 정보를 찾을 수 없습니다.

P粉308783585 2024-03-26 14:11:27 0  1  382

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

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

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

javascript - 이상한 문제를 발견했습니다. 탭을 닫으면 제가 작성한 CSS 애니메이션이 자동으로 일시중지됩니다.

이상한 문제를 발견했습니다. 제가 작성한 CSS 애니메이션이 탭을 닫으면 자동으로 일시정지되고, 탭을 펼치면 계속 재생됩니다. 움직이는 효과를 얻기 위해 배경 이미지를 사용하는 것도 이와 관련이 있나요?

给我你的怀抱 2017-06-30 09:52:30 0  1  877

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

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

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

스크롤 오프셋html

HTML과 CSS로 뭔가를 하려고 하는데 실제로 작동하는지 잘 모르겠습니다. 스크롤할 때 스크롤 속도를 늦추어 더 부드럽게 만드는 것과 같은 일종의 "지연"을 추가하고 싶습니다. 일부 사이트에서는 이렇게 합니다. 저는 다른 사이트와 다르게 스크롤되고 부드러워 보이는 일부 페이지를 본 적이 있습니다. 이것이 가능한가?

P粉205475538 2023-08-17 23:52:56 0  1  520

마우스를 올리면 콘텐츠 표시(카드 높이에는 영향을 주지 않음)

마우스를 올리면 표시되는 콘텐츠가 포함된 블록이 있습니다. 효과가 작동하는 방식은 다음과 같습니다. .hoverCard는 기본적으로 기본 콘텐츠를 표시합니다(.hoverCard__showOnHover의 콘텐츠는 숨겨짐). 사용자가 .hoverCard 위로 마우스를 가져가면 .hoverCard__showOnHover가 해당 콘텐츠를 표시하고 .hoverCard__body가 위로 전환됩니다("열림" 제공). ” 효과) 데모에서 위의 시각적 효과를 볼 수 있지만 애니메이션이 완벽하게 작동하도록 할 수는 없습니다. 내가 ...

P粉289775043 2024-03-27 20:29:28 0  1  467

동시에 두 개의 플러그인을 열기 위해 vim에서 바로가기 명령을 바인딩하는 방법

예를 들어 저는 vim에서 매우 인기 있는 두 가지 플러그인인 NERDTree와 Tagbar를 사용합니다. 일반적으로 편집기를 연 후 이 두 플러그인을 동시에 열 때마다 두 번 입력하는 것이 매우 번거롭습니다. dev와 같은 명령을 합성하여 다음 효과를 얻으려면 vim에 {code...를 입력합니다.

高洛峰 2017-05-16 16:42:58 0  2  660

javascript - Vue에서 HTML(css/js 포함)을 모듈로 도입하는 방법

코드 프레임워크는 vue+webpack+node입니다. Vue에서 작성한 페이지에 editor.md https://github.com/pandao/edi...라는 마크다운 플러그인을 도입하고 싶습니다. npm을 통해 편집기를 설치할 수 없습니다. md 플러그인의 HTML 코드: {code...} 효과는 다음과 같습니다:...

怪我咯 2017-06-12 09:29:24 0  2  1135

javascript - vue에서 경로 전환에 문제가 있습니까?

Vue는 경로에 컷씬 애니메이션 페이드인 및 페이드아웃 효과를 추가합니다. 구성요소는 제거되면 페이드아웃되지만, 들어가면 즉시 들어가고 페이드인되지 않습니다. 이 두 단계 사이에서 페이지는 공백. 다음은 공식 웹사이트에서 복사한 내 코드입니다: {code...}

滿天的星座 2017-06-12 09:30:07 0  3  778

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1008