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

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

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

특정 조건에서 v-text-field 텍스트의 위치를 ​​이동합니다.

저는 Vue.js와 Vuetify를 사용하고 있습니다. 흥미로운 장면을 만났습니다. 따라서 왼쪽 가운데 오른쪽에 세 가지 옵션(라디오 버튼)이 있고 특정 텍스트 값과 읽기 전용 속성이 있는 v-text 필드가 있습니다. 이제 옵션이 변경/선택되면 v-text-field 내에서 해당 텍스트의 위치를 ​​변경하고 싶습니다. 예를 들어 옵션 1(왼쪽)의 경우 텍스트는 v-text-field 내에서 왼쪽으로 이동해야 합니다. 옵션 2(가운데)를 사용하면 텍스트가 가운데로 이동해야 합니다. 등등. 이에 대한 제안 사항이 있습니다. 더 좋은 ...

P粉041856955 2023-08-28 21:40:26 0  2  570

뷰포트에 있을 때만 Javascript 스크롤 IntoView

모형을 만들었습니다(비디오가 재생되는 동안 새 텍스트 줄로 스크롤할 때 간격을 사용한다는 점에 유의하세요). 저는 'nearest' 블록과 함께 scrollIntoView를 사용하고 있습니다. 문제는 전체 페이지가 스크롤되기 때문에 여전히 페이지를 스크롤한다는 것입니다. 나는 단지 linediv의 활성 텍스트 줄로 스크롤하기를 원합니다(보기에 있을 필요는 없습니다). 왜냐하면 "동영상" div를 보면 계속해서 아래로 스크롤되기 때문입니다(원치 않는 동작입니다). vartext=document.querySelecto...

P粉011684326 2023-09-11 16:33:49 0  1  504

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

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

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

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

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

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

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

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

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

Vue.js를 사용하여 Swiper에서 슬라이드 탐색용 사용자 정의 버튼 만들기

기본 탐색(nextEl, prevEl)을 제거하고 "다음 슬라이드 버튼"이라는 텍스트가 있는 버튼을 다음 슬라이드로 스크롤해야 합니다. <swiperclass="news-slider":slider-per-view="1" :modules= "[Navigation,Pagination,A11y,Lazy]"navigation="탐색

P粉035600555 2023-11-02 14:42:51 0  1  727

TailwindCSS의 잘린 클래스는 사용되지 않습니다. - 가로 스크롤이 많이 발생합니다.

Tailwindstruncate 클래스를 사용하는 데 문제가 있습니다. https://tailwindcss.com/docs/text-overflow#truncate 이것은 매우 스마트한 유틸리티처럼 보이지만 브라우저는 텍스트를 자르지 않도록 모든 작업을 수행하는 것 같습니다. 스크롤링은 절대 바람직하지 않습니다. 잘린 텍스트에 대해 브라우저를 더 관대하게 만드는 방법은 무엇입니까?

P粉733166744 2024-03-30 18:26:21 0  1  398

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

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

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

angular.js - 각도에 반복 태그를 동적으로 추가하는 방법

{Code...} 위의 문자열을 동적으로 추가하여 효과적으로 만들고 동적 바인딩을 구현하는 방법입니다. 대략적인 코드는 다음과 같습니다. {code...}

ringa_lee 2017-05-15 16:56:15 0  2  511

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

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

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

Vue 전환에서 전환 지연을 제거하는 방법은 무엇입니까?

저는 Vue를 사용하여 마우스를 그림 위로 가져갈 때 위로 이동하고 페이드 인하도록 텍스트 상자에 애니메이션을 적용하고 있습니다. 애니메이션은 정확하지만 시작하기 전에 약간의 지연이 있습니다. 이미지에 마우스를 올리면 텍스트 상자가 매끄럽고 즉시 페이드 인되고 위로 이동하기를 원합니다. 커서가 떠나면 텍스트 상자가 적절하게 페이드 아웃되고 아래로 이동합니다. 템플릿:`{{배지[item].description}}`, 메서드:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  506

browsersync 브라우저 동기화 테스트 도구가 제대로 작동하지 않습니다.

browsersync 브라우저 동기화 테스트 도구가 설치되었지만 테스트 결과가 유효하지 않습니다. 이유는 무엇입니까? 저장한 후에도 웹 페이지 내용이 자동으로 변경되지 않으며 여전히 수동으로 새로 고쳐야 합니다. f5 왜

LordVoldemort 2017-12-13 15:50:21 0  0  1409

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

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

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

스크롤 가능한 콘텐츠의 높이를 동적으로 조정합니다(Ion Page, React)

ionicReact 페이지에 매우 큰 텍스트가 있어서 전체 페이지를 채우는 대신 스크롤하기를 원한다고 가정하면 다음 스타일이 많은 도움이 될 것입니다: &lt;divstyle={{overflow:'auto',flex: '11auto', height:'200px'}}&gt;SomeText&lt;/&gt;그러나 다음과 같이 일부 내용과 바닥글이 있는 페이지가 있다고 가정해 보겠습니다.&lt;IonPage

P粉478835592 2023-09-07 18:08:44 0  1  647

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

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

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

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

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

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

마우스를 올리면 텍스트를 변경하려면 특수 커서를 사용하세요.

monopo 웹사이트와 유사하게 마우스 오버 시 텍스트를 변경하는 방법을 안내해 주세요. 배경은 필요하지 않습니다. 배경색과 같은 간단한 원형 효과와 텍스트 변경만 있으면 됩니다. 그리고 가능하다면 "about"이라는 div에서만 효과가 활성화되도록 하고 싶습니다. 웹사이트 링크: https://monopo.london/

P粉665427988 2023-09-05 23:47:42 0  1  560

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

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

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

javascript - 일부 Android 휴대전화에서는 h5 페이지의 특수 문자가 깨져 표시됩니다.(__ุ_-ÂÂู -----> __⊠-⊠⊠)

h5 페이지가 기업 클라이언트에서 표시되는 현상 샤오미 5/Huawei에서는 '__YZ' 등의 특수문자가 깨져 '__⊠-⊠⊠'로 표시되지만, 모바일 브라우저에서는 정상적으로 표시됩니다. ;oppo A59s에서 모든 것이 잘 작동함을 보여줍니다. 메타 태그: {code...}

伊谢尔伦 2017-05-16 13:29:11 0  2  849