javascript - 모바일 웹사이트 네비게이션 바의 수평 슬라이딩 감속 효과를 얻는 방법

주요 웹사이트의 모바일 버전 내비게이션 바는 일반적으로 휴대폰 화면을 터치한 후 슬라이딩하면 감속 효과가 있습니다. 인터넷에서 많이 검색해 본 결과 이 ​​기능이 정말 마음에 들었습니다. js touch 이벤트에 대한 소개였는데 자세한 방법을 찾지 못해서 마스터님께 원리와 구체적인 설명을 부탁드리고 싶습니다.

给我你的怀抱 2017-06-28 09:27:42 0  1  932

CSS 표시 속성의 그라데이션 효과

저는 현재 CSS "슈퍼 드롭다운"을 디자인하고 있습니다. 기본적으로 일반 순수 CSS 드롭다운이지만 그 안에 다양한 유형의 콘텐츠가 있습니다. 현재 CSS3 전환 효과는 "display" 속성에 적용되지 않는 것 같습니다. 즉, display:none에서 display:block(또는 임의의 조합)으로 전환할 수 있는 방법이 없습니다. 위의 예에서 누군가 최상위 메뉴 항목 위로 마우스를 가져갈 때 두 번째 수준 메뉴가 "페이드 인"되도록 하는 방법이 있습니까? visible: ...

P粉608647033 2023-08-21 11:08:32 0  2  606

javascript - vue2.0 전환을 사용하여 마우스를 위로 움직이고, QR 코드를 화면 외부에서 밀어내고, QR 코드를 남겨두고 화면 밖으로 미끄러지는 효과를 얻는 방법입니다.

vue2.0 전환을 사용하여 마우스를 위로 움직이고 화면 외부에서 QR 코드를 밀어 내고 QR 코드를 화면 밖으로 밀어내는 효과를 얻는 방법은 다음과 같습니다. 제가 쓴 내용은 다음과 같습니다. 마우스를 위로 움직이세요. 상자가 미끄러지는데 마우스가 떠나지 않았는데 상자가 사라졌습니다....

PHP中文网 2017-05-19 10:30:36 0  2  873

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

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

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

배너 슬라이딩

배너 캐러셀에 슬라이딩 효과를 로드하는 방법은 휴대폰의 슬라이딩 효과가 더 적합합니까?

低头走路，抬头摸天。 2019-06-18 11:01:19 0  0  2697

javascript - vue2.0 전환 호버 이벤트

vue2.0 전환을 사용하여 마우스를 위로 움직이고, 화면 외부에서 QR 코드를 밀어내고, QR 코드를 남겨두고 화면 밖으로 미끄러지는 효과를 얻는 방법

大家讲道理 2017-05-19 10:30:59 0  2  661

javascript - 스크롤 스크롤 문제

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

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

javascript - js 제어 요소 스타일에 대한 의심

{Code...} 위 코드에서 보는 바와 같이 1초마다 Slider_box가 왼쪽(1화면)으로 20%씩 슬라이드되는데, 문제는 100%로 슬라이드되면 더 이상 왼쪽으로 슬라이드할 수 없다는 것입니다. (더 이상 슬라이드하면 그림이 없습니다.)) 그러나 다른 플러그인에서 본 효과는 매초마다 Slider_box의 슬라이딩 변경이 -20%에서 0에서 -...라는 것입니다.

伊谢尔伦 2017-07-05 10:39:55 0  4  839

javascript - 모바일 터치 이벤트에 어떤 플러그인을 사용합니까?

이 효과를 더 잘 얻을 수 있는 플러그인이 있습니까? 이것은 ul 너머의 콘텐츠를 왼쪽과 오른쪽으로 밀어 넣을 수 있는 탭입니다.

某草草 2017-05-16 13:37:06 0  7  556

목표-c - tableview 또는 scrollView에 대한 iOS 슬라이딩 문제

제목이 이렇다면 제가 얻고자 하는 효과는 아래로 미끄러지는 과정 중에 있는 것입니다. 예를 들어 아래 그림은 테이블뷰로 만든 것입니다. 이제 여기서 슬라이드하면 제가 원하는 효과는 움직이지 않게 됩니다. 파란색이 화면의 절반에 도달하지 않는다는 것(대략 그 위치는 괜찮습니다), 빨간색 행만 있는 첫 번째 행으로 자동으로 돌아갑니다...

PHP中文网 2017-06-20 10:06:07 0  1  877

thinkPHP의 CSS 도입이 유효하지 않습니다.

CSS 효과를 표시할 수 없습니다. 무엇이 문제인가요?

boluo 2020-06-06 21:21:54 0  4  1386

javascript - 휴대폰 화면의 슬라이딩과 슬라이딩 화면 상단으로부터의 거리를 모니터링하는 방법은 무엇입니까?

휴대폰 화면의 슬라이딩을 모니터링하고 상단에서 스크롤 거리를 계산하는 방법은 무엇입니까? {코드...} 이렇게 쓰는 건 항상 0인가요? 모니터링 스크롤이 효과가 없습니다! 하나님께 물어보세요

黄舟 2017-05-19 10:11:07 0  4  673

javascript - 이 스트로크 애니메이션 효과는 어떻게 얻습니까?

이 스트로크 같은 효과는 마우스를 위에 올리면 나타납니다. 순수한 CSS로 얻을 수 있습니까? 동일한 효과를 얻는 방법은 무엇입니까?

学习ing 2017-06-24 09:44:08 0  3  940

CSS로 블록의 가장자리를 수정하여 페더링 효과를 얻는 방법 알아보기

상자 가장자리에 깃털 모양의 흐림 효과가 있도록 CSS를 어떻게 수정합니까? 상자의 배경에 반투명 유리 효과를 주고, 주변의 날카로운 모서리 대신 점진적으로 배경과 혼합되는 깃털 효과를 주고 싶지만 현재 CSS를 수정하는 방법을 모르겠습니다. 도움을 받으시길 바랍니다. 감사합니다. .wrap{위치:상대적;너비:100%;높이:100vh;배경-이미지:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  743

javascript - 특정 요소의 상단으로부터의 거리를 얻기 위해 휴대폰 화면을 슬라이드하는 방법은 무엇입니까? 동시에 이 값을 다른 함수에서 참조할 수 있나요?

제목에서 알 수 있듯이 제가 원하는 것은 휴대폰 화면을 슬라이드하는 것입니다. 요소가 위에서 특정 값(예: 200px)에 도달했을 때 화면에 나타나는 팝업 버튼을 클릭하면 해당 요소의 위치가 변경됩니다. 팝업 레이어는 위에서 200px이 됩니다. {Code...} Want 이 효과가 달성되고 거리 값을 얻을 수 있지만 show 함수에서는...

PHPz 2017-05-18 11:02:18 0  2  618

javascript - JS 이벤트 버블링 문제

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

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

javascript - Alibaba Cloud는 어떻게 이러한 효과를 얻습니까?

다음은 Alibaba Cloud 웹 사이트에 대한 링크입니다. 빠른 전환 효과는 어떻게 달성됩니까? CSS에서 볼 수 없습니다: 웹사이트 링크 주소

大家讲道理 2017-06-12 09:32:10 0  3  970

vue 및 vuetify 구성 요소에 대한 마우스 오버 효과

그래서 다음 문서의 예에 표시된 대로 마우스 오버 효과를 재현하려고 했습니다. https://blog.prototypr.io/stunning-hover- effects-with-css-variables-f855e7b95330 하지만 제 경우에는 Vue를 사용하고 싶습니다. .js를 사용하여 vuetify 라이브러리의 v-card에 호버 효과를 적용합니다. 이것이 나의 시도입니다: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  461

javascript - 요소가 현재 표시 영역 내에 있는지 확인하는 방법

제목에서 알 수 있듯이 이제 가로로 자유롭게 슬라이드할 수 있는 가로 형식의 li 행이 생겼습니다. 특정 li가 현재 표시 영역 내에 있으면 해당 스타일 중 일부가 어떻게 변경됩니까? 여러분이 답변에 도움을 줄 수 있기를 바랍니다. . . . . . .

天蓬老师 2017-07-05 11:07:20 0  5  1159

javascript - 사진 앨범 효과를 얻는 방법은 무엇입니까? 어떤 플러그인을 사용해야 하나요?

클릭해서 사진을 미리보고, 좌우로 슬라이드하고, 숫자도 나와 있는데 컴퓨터에 링크를 넣었는데 마우스 클릭이 아무 효과가 없습니다. 사용할 수 있는 성숙한 플러그인이 있나요? 작성한 마스크를 미리 볼 수는 있지만 좌우 전환이 쉽지 않습니다.

PHP中文网 2017-06-30 09:56:05 0  4  805