클릭 및 스크롤 시 div 숨기기/표시

검색 아이콘을 클릭하면 나타나고 사용자가 클릭하거나 스크롤하면 숨겨지는 숨겨진 검색 양식을 만들고 싶습니다.

P粉563831052 2024-04-06 12:20:46 0  1  579

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

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

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

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

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

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

javascript - 스크롤 스크롤 문제

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

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

javascript - 스크롤 종료 이벤트

요구사항은 스크롤할 때 메뉴가 숨겨지고, 스크롤이 멈출 때 메뉴가 표시된다는 것입니다. 그런데 스크롤 종료 이벤트를 모니터링하는 방법을 모르겠습니다.

伊谢尔伦 2017-06-14 10:54:32 0  3  1133

javascript - 반투명 없이 구성 요소를 완전히 숨기는 방법은 무엇입니까?

이제 숨겨진 구성 요소를 나타내기 위해 뷰어에 반투명 효과가 적용됩니다. 반투명 효과 없이 구성 요소를 완전히 숨길 수 있는 방법이 있습니까?

阿神 2017-07-05 10:49:53 0  1  1098

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

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

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

javascript - 스크롤 막대 및 clientHeight 정보

작은 요정 스크롤바가 차지하는 위치가 정말 짜증납니다. 실제 결과에 따르면 스크롤바가 콘텐츠의 위치를 ​​차지하지만 표시되면 다음과 같은 블로그를 찾았습니다. 콘텐츠의 위치. (실제 효과에 따르면 테두리 옆에 표시됩니다. 테두리에...

天蓬老师 2017-05-19 10:47:31 0  1  713

애니메이션 콘텐츠 숨기기 및 표시: 전환 효과가 포함된 HTML 페이지 만들기

페이지 넘김 애니메이션을 사용하여 책 형태로 콘텐츠를 표시하는 웹사이트를 만들려고 합니다. 각 "페이지"의 콘텐츠에 대해 애니메이션을 적용할 수 있는 다양한 SVG 이미지가 있습니다. 이 작업을 수행하는 방법을 잘 모르겠습니다. 기본적으로 각 "페이지"에 대해 html 파일을 만들지 않고도 원하는 방식으로 콘텐츠를 표시하고 숨길 수 있는 방법이 있습니까? 순서가 약간 중요합니다. Google이 내 사이트를 임의의 위치에 연결하는 것을 원하지 않습니다. 감사해요! 회전식 슬라이드쇼를 생각하고 있는데...

P粉674757114 2023-09-10 17:41:45 0  1  697

jquery hide() 메서드가 작동하지 않습니다.

클릭 이벤트에서 $(this).hide();를 사용하면 요소가 숨겨지지 않습니다. 그러면 hide()에 매개 변수를 추가하면 hide(1)가 숨길 수 있습니다. w3school에서는 "요소가 이미 완전히 표시되어 있는 경우 콜백을 지정하지 않으면 이 효과는 효과가 없습니다...

巴扎黑 2017-06-17 09:16:52 0  1  995

javascript - 애니메이션을 표시하고 숨길 수 있는 좋은 솔루션이 있습니까?

예: 이 애니메이션과 동일한 효과가 있습니다. 먼저 div가 숨겨지고, 버튼을 클릭하면 애니메이션 효과가 나타납니다. 하지만 확실히 너무 복잡하게 작성했습니다. 더 간단한 솔루션이 있습니까(타사 라이브러리가 필요하지 않음)?

阿神 2017-06-30 09:59:55 0  5  1077

오버플로: 스크롤하면 테이블의 숨겨진 열이 렌더링되지 않습니다. 무엇이 잘못되었나요?

기존 플라스크 애플리케이션에 반응 그리드를 통합하고 있습니다. 이를 수행하려면 사용자 정의 웹팩 구성을 사용하여 애플리케이션을 컴파일해야 합니다. 반응 구성 요소를 성공적으로 렌더링할 수 있지만 반응 그리드를 사용하고 오버플로:스크롤을 적용하면 테이블의 보이는 부분만 렌더링되고 나머지 스크롤 영역은 공백으로 유지됩니다. 오버플로 스크롤이 활성화된 ReactGrid의 gif를 보려면 여기를 클릭하세요. 오버플로 스크롤이 활성화되지 않은 ReactG를 보려면 여기를 클릭하세요.

P粉345302753 2023-08-17 13:55:29 0  1  491

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

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

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

vim이 VISUAL 모드에서 선택한 문자 수를 표시하도록 하는 방법은 무엇입니까?

이것은 내 상태 표시줄 설정입니다: {code...} 표시 효과는 {code...} VISUAL 모드에 포함된 문자 수를 표시하는 표시 항목을 추가하고 싶습니다.

PHPz 2017-05-16 16:38:02 0  1  780

html5 - vue 기반 이미지 보기, 어떻게 구현하나요?

효과는 WeChat Moments에서 사진을 보는 것과 동일합니다. 긴 사진을 보고, 확대하고, 사진 수를 표시할 수 있습니다.

怪我咯 2017-05-16 13:42:53 0  1  490

javascript - HTML 네이티브 js 0, 1의 값에 따라 테이블을 표시하거나 숨기도록 제어하는 ​​방법

"공간 속성"이 선택된 경우 오른쪽에 테이블을 숨길지 표시할지 여부를 제어하기 위해 기본 js를 어떻게 사용할 수 있습니까? 쯧쯧! 코드: 효과가 없습니다! ! !

伊谢尔伦 2017-06-28 09:27:40 0  3  964

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

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

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

phpstudy의 확장 목록에 SSH2 확장이 표시되지 않는 이유는 무엇입니까?

설치가 완료된 후 Apache를 여러 번 다시 시작했지만 여전히 적용되지 않습니다. 어떻게 해야 적용할 수 있나요? php_ssh2.dll을 설치했는데 보이지 않습니다. 어떻게 하면 효율적으로 할 수 있는지 알려주실 수 있나요? php_ssh2.dll을 설치했는데 보이지 않습니다. 어떻게 하면 효율적으로 할 수 있는지 알려주실 수 있나요? php_ssh2.dll을 설치했는데 보이지 않습니다. 어떻게 하면 효율적으로 할 수 있는지 알려주실 수 있나요?

holic 2019-04-30 16:09:05 0  0  798

javascript - 이미지 표시 스크롤 문제

사진, 스크린샷의 일부 등 이러한 사진은 25개의 사진이 있는 경우 모두 하나의 ul에 포함됩니다. 초기 화면에는 10개의 사진이 표시됩니다. 더보기 버튼을 클릭하면 10개의 사진이 모두 위로 스크롤되어 숨겨집니다. 아래에서 아래로 스크롤하면 10장의 사진이 있습니다. 한 번에 10장의 사진만 표시할 수 있습니다. 다시 클릭하면 표시됩니다...

習慣沉默 2017-05-19 10:27:01 0  4  980

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

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

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