css3 - CSS 전환 효과로 인해 텍스트가 흐려지거나 떨리나요?

gif로 직접 이동해 보겠습니다. 코드: 템플릿: {code...} CSS: {code...} 일부 관련 없는 스타일이 제거되었습니다. 현재 알려진 상황은 오른쪽에 있는 작은 삼각형의 전환 효과입니다. Chrome의 드롭다운 상자에 backface-visibility: hide;를 추가하면 텍스트가 흐려지고 흔들립니다.

ringa_lee 2017-05-24 11:35:53 0  2  2456

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

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

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

Chrome에서 스크롤 기능에 문제가 있는 경우가 있습니다.

내 사이트에서 스크롤 문제가 발생했는데 그 이유를 모르겠습니다. Chrome에서만 스크롤이 작동하지 않는 경우가 있습니다. 내가 작성한 모든 코드를 비활성화하려고 시도했지만 문제가 지속됩니다. 사파리에서는 스크롤이 잘 됩니다. https://mirkomina.com/ 문제를 유발하는 구체적인 내용은 없는 것 같습니다. 즉, 커서를 놓으면 문제가 발생하는 특정 위치를 찾을 수 없다는 의미입니다. 내가 작성한 모든 코드를 제거하고 스크립트를 비활성화해 보았습니다.

P粉817354783 2024-03-29 00:21:20 0  1  454

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

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

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

gvim - vim이 페이지를 넘길 때(스크롤할 때) 커서 위치를 화면에 고정하는 방법은 무엇입니까?

vim이 페이지를 넘길 때(스크롤), 기본 커서는 화면 상단으로 이동하거나 화면 하단으로 이동합니다. 즉, 텍스트만 이동하고 화면 하단으로 이동하지 않기를 바랍니다. 커서(화면 기준)의 위치입니다. 이것을 달성하는 방법은 무엇입니까? 조언해 주세요. 미리 감사드립니다!

给我你的怀抱 2017-05-16 16:36:15 0  5  1178

`fixed` 요소와 `z-index: 1`에 `margin` 속성을 적용합니다.

목록과 설명 필드가 있습니다. 댓글 필드는 페이지 하단에 고정되어 있습니다. 목록이 길면 페이지 스크롤이 적용됩니다. 나는 목록의 맨 아래가 항상 주석 필드의 맨 위에서 수직 거리에 있기를 원합니다. 물론 margin-bottom 속성을 .meaning 클래스(목록을 구성함)에 적용할 수 있지만 주석 필드에 2~3줄의 텍스트가 포함된 경우(즉, 여백을 설정하기에는 너무 높을 수 있습니다). 그래서 제 생각에는 margin-top을 댓글 필드로 설정하는 것이 더 합리적이라고 생각합니다. 그러나 주석 필드의 Z-색인으로 인해 가능합니다...

P粉986028039 2023-09-17 21:44:03 0  1  676

PHP 양식 텍스트 영역 필드에서 휴대폰 번호 다듬기 및 계산

내 양식에 휴대폰 번호를 복사하여 붙여넣을 수 있는 텍스트 영역 필드가 있습니다. 한 줄에 하나의 번호입니다. 이와 같이 수백 개의 휴대폰 번호를 복사하여 붙여넣어 이 양식에 제출할 수 있습니다. 필드를 잘라내고 싶습니다. 복사하여 붙여넣은 후 10자리만 유지하고 싶습니다. 유효한 10자리 숫자만 유지해야 하며, 다른 모든 유효하지 않은 숫자는 필드에서 자동으로 제거되어야 합니다. 복사하여 붙여넣을 수 있을 뿐만 아니라 숫자를 붙여넣은 후 숫자를 입력할 수도 있습니다. 예: 이 숫자를 이 텍스트 영역 필드에 붙여넣으면 9848012...

P粉883278265 2024-03-31 08:46:11 0  1  439

php - URL을 더 예쁘게 만드시겠습니까?

중국어 웹사이트를 렌더링하고 일부 특수 문자를 "-" {code...}로 변환하고 싶습니다. 이렇게 가끔 두 개의 "--"가 나타나는 경우가 있습니다. 문자열에서 "-"가 두 개 이상 있다고 가정하도록 만드는 방법입니다. -", 자동으로 "1"이 됩니다. xx-x--xxxx--xxx는 xx-x-xxxx-xxx가 됩니다. 그런 다음 문자열이 끝난다고 가정하면...

迷茫 2017-06-12 09:21:22 0  1  815

장치 디스플레이 모드가 어두울 때 Flutter 웹 앱에서 텍스트 색상을 검은색으로 설정하는 방법은 무엇입니까?

Flutter에서 웹 앱을 만들었고 예상대로 작동하지만 일부 모바일 장치(특히 Samsung 장치의 기본 브라우저, Chrome에서는 제대로 작동함)에서 문제가 있습니다. 로그인 페이지에서 내 페이지 배경색은 흰색이고 텍스트 양식 필드 텍스트 색상은 검은색인데 텍스트 양식 필드에 입력하려고 하면 흰색으로 표시됩니다(장치 디스플레이 테마가 어두운 경우). 검정색으로 하드코딩을 시도했지만 어두운 테마에서는 작동하지 않습니다. MaterialApp에서 테마를 적용해 보았지만 아무 효과가 없었습니다.

P粉216807924 2023-09-11 20:16:42 0  1  582

탭 전환 효과를 만들려면 어떻게 해야 합니까(텍스트 내용도 이에 따라 변경됨)

그림과 같이 이런 라벨 전환 효과를 만들고 싶은데 어떻게 해야 하나요?

yuippp 2019-09-10 11:35:49 0  2  1277

Embed/iframe은 항상 전체 높이입니다.

"높이"가 다른 여러 HTML 파일을 삽입했습니다. 삽입된 콘텐츠 대신 부모를 스크롤할 수 있도록 삽입된 콘텐츠가 항상 상위 div를 채우도록 하고 싶습니다. 포함된 콘텐츠의 높이보다 큰 콘텐츠 래퍼의 특정 높이를 설정하면 작동합니다. 유일한 문제는 콘텐츠가 다르기 때문에 특정 높이가 다른 포함된 HTML 파일과 일치하지 않고 데드 스페이스가 많이 남는다는 것입니다. 콘텐츠 래퍼의 크기를 포함된 콘텐츠의 높이에 맞게 조정하려면 어떻게 해야 합니까? <bodyonload="mathSubjec

P粉021553460 2024-03-31 09:50:18 0  1  564

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3824

Vite React 프로젝트를 저장할 때마다 기존 캔버스 요소를 바꾸는 대신 새 캔버스 요소가 페이지 본문에 추가되는 이유는 무엇입니까?

저는 ThreeJ를 배우기 시작하려고 합니다(저는 Javascript 웹 개발도 처음입니다). 몇 가지 튜토리얼을 본 후 Vite 및 React로 시작한 다음 기본 회전 큐브로 시작했습니다. 이 부분은 작동합니다. 하지만 vite에 대해 읽은 내용에 따르면 작업 중인 파일을 저장하면 페이지에 다시 로드하기에 충분할 것입니다. 그러나 실제로는 그렇지 않습니다. 페이지 콘텐츠를 확인한 후 파일을 저장할 때마다 동일한 캔버스 요소가 페이지 본문에 2배 추가됩니다(기존 요소를 바꾸는 대신). 즉, 페이지 내용을 보려면 페이지 아래쪽으로 스...

P粉186904731 2024-03-30 09:57:49 0  1  531

Chrome 모바일 웹에서 레이아웃/시각적 뷰포트가 변경된 후 제목을 시각적 뷰포트 위에 유지하는 방법은 무엇입니까?

이와 관련된 여러 질문이 있다는 것을 알고 있지만, 이러한 질문을 받은 이후 브라우저 팀이 변경을 했기 때문에 그 중 어느 것도 더 이상 유효한 것 같지 않습니다. 나는 이 문제에 대한 최신 해결책을 찾으려고 노력하고 있습니다. 목표 모바일 웹 브라우저를 사용할 때, 특히 사용자가 입력 필드에 초점을 맞추고 가상 키보드가 표시될 때 앱과 같은 경험을 위해 고정 헤더를 상단에 유지하는 것이 바람직합니다. 배경 컨텍스트 최근 Chrome 모바일 팀은 iOS 및 iOS의 Chrome에서 더 잘 작동하도록 모바일 웹 레이아웃과 시각적 표시...

P粉833546953 2024-03-28 00:24:35 0  1  396

디렉토리의 파일이 대소 문자를 구분하지 않도록 nginx를 설정하는 방법

캐시는 동적으로 생성되므로 URL을 통해 직접 캐시 파일을 읽는 것이 더 효율적입니다. 그러나 캐시 문자는 모두 소문자입니다. 예를 들어 http://xxx/ooo/abc.jpg일 때 사용자가 http://xxx/ooo/ABC.jpg를 읽으면 캐시를 찾을 수 없습니다(오류가 보고됩니다. 어떻게 ooo에서만 검색할 수 있습니까?) /...

给我你的怀抱 2017-05-16 17:28:49 0  3  849

입력 필드가 콘텐츠를 완전히 표시할 만큼 충분히 넓은지 어떻게 확인할 수 있나요?

많은 열이 있는 테이블에서 Vuetify 텍스트 필드 구성 요소를 사용하고 있습니다. 구성 요소에 표시할 콘텐츠가 너무 많이 포함되어 있을 수 있으며, 사용자 경험 관점에서 필드 내에서 스크롤하여 콘텐츠를 검사하는 데 셀이 많으면 시간이 너무 오래 걸릴 수 있습니다. 순수 HTML 예제 Vuetify 예제 내 첫 번째 생각은(더 좋은 아이디어가 있으면 알려주시기 바랍니다) 전체 내용을 표시하는 도구 설명을 표시하는 것이었지만 구성 요소가 전체 내용을 표시할 수 있는 경우 이는 성가신 일입니다. 그래서 콘텐츠가 숨겨지거나 잘릴 때만 ...

P粉014218124 2023-09-02 22:36:56 0  2  583

내 웹사이트가 데스크톱에서는 제대로 표시되지만 모바일 화면에서는 표시되지 않습니다.

나는 HTML/CSS를 사용하여 개인 웹사이트를 디자인합니다. 그러나 텍스트는 전화 크기에 맞게 조정되지 않습니다. 아래 그림을 참고해주세요. 웹사이트는 데스크톱에서는 보기 좋게 보이지만 모바일 장치에서는 제대로 표시되지 않습니다. 내 Google 드라이브 삽입이 휴대폰 화면에 맞지 않습니다. 내 전화기에 GGDPDF가 포함되어 있다고 표시됩니다. 이 문제를 해결하려면 어떻게 해야 합니까? 매우 감사합니다. 내 코드는 다음과 같습니다. HTML<!DOCTYPEhtml><html><head><ti...

P粉827121558 2024-03-30 15:09:41 0  1  530

React 애플리케이션 성능 최적화: 많은 수의 프로젝트를 렌더링하는 효율적인 방법

저는 React 애플리케이션을 개발 중이며 많은 항목 목록(수천 행)을 표시해야 합니다. 현재 사용자가 목록을 스크롤하거나 항목을 필터링할 때 성능이 매우 느립니다. 사용자 경험을 향상시키기 위해 React 애플리케이션의 성능을 최적화할 수 있는 방법이 있습니까? 몇 가지 추가 정보: - 저는 React 함수 구성 요소와 후크를 사용하여 항목 목록을 렌더링하고 있습니다. - 목록의 각 항목에는 텍스트와 그림을 포함한 여러 데이터 필드가 포함되어 있습니다. -현재 내장된 지도 기능을 사용하여 항목 목록을 렌더링하고 있습니다. - 항목...

P粉733166744 2024-01-16 20:43:20 0  1  460

JavaScript 기본 사항

JavaScript1. JS와 DOM의 관계 브라우저에는 html 코드를 렌더링하는 기능이 있습니다. html 소스 코드는 메모리에 DOM 객체로 구성되어 있으며 내부에는 JS 인터프리터/실행/엔진이 있습니다. 예를 들어, 크롬은 v8 엔진을 사용합니다. JS 코드는 엔진에 의해 실행되고, 그 실행 결과는 우리가 흔히 볼 수 있는 특수 효과입니다. 그림이 떠다니고 텍스트의 색상이 바뀌는 것처럼 브라우저가 실행되면 html 코드를 만나게 되고, js를 만나면 해석되어 실행됩니다.

只是没有如果 2018-11-19 20:33:14 0  0  1120