일반적인 문제 Microsoft, Windows 11의 Fluent 스크롤바를 Chrome에 도입

Microsoft, Windows 11의 Fluent 스크롤바를 Chrome에 도입

Apr 14, 2023 am 10:52 AM
스크롤바 구글 크롬 fluent

Microsoft, Windows 11의 Fluent 스크롤바를 Chrome에 도입

Windows 10과 달리 Windows 11에는 사용자가 상호 작용할 때 모양이 바뀌는 새로운 최신 "유동 스크롤 막대"가 있습니다. Fluent 스크롤 막대는 본질적으로 동적이며 다양한 폼 팩터에서 또는 창 크기를 변경할 때 자동으로 크기가 조정되며 현재 설정, 미디어 플레이어 등과 같은 앱에서 사용됩니다.

Microsoft의 새로운 제안에 따라 Google Chrome에는 곧 부드러운 스크롤바 기능이 포함될 수도 있습니다. 마이크로소프트는 제안서에서 구글의 브라우저가 윈도우 11 디자인 표준을 준수하도록 하기 위해 크롬의 오래된 스크롤 막대를 현대화하고 싶다고 밝혔습니다.

이 제안은 Windows 11 Fluent 디자인 언어에 맞게 Chromium 스크롤 막대(오버레이 및 비오버레이)를 현대화하는 것을 목표로 합니다. 또한 Microsoft는 Chrome의 다양한 모드에서 사용자가 스크롤 막대와 상호 작용하는 방식에 대해 시각적으로 매력적인 몇 가지 변경 사항도 고려하고 있습니다.

  • 최소 모드: 이는 스크롤 막대의 기본 디자인이 됩니다.
    Microsoft, Windows 11의 Fluent 스크롤바를 Chrome에 도입
  • 전체 모드: 전체 모드 스크롤바는 커서가 스크롤바 영역에 있을 때 엄지 손가락이나 버튼과 같은 모든 부분이 그려집니다.
    Microsoft, Windows 11의 Fluent 스크롤바를 Chrome에 도입
  • 숨김 모드: 스크롤바가 완전히 사라지고 페이지의 정확한 위치를 찾을 수 없는 새로운 기능입니다. 이러한 이유로 Google은 숨겨진 모드에 대해 우려하고 있으며 Microsoft는 시각적 개선을 처리할 수 있는 더 나은 방법을 적극적으로 모색하고 있습니다.

차이점을 더 잘 이해하기 위해 다음은 Microsoft Edge에서 사용할 수 있는 새로운 스크롤 막대와 Chrome의 기존 스크롤 막대를 비교한 것입니다.

Microsoft, Windows 11의 Fluent 스크롤바를 Chrome에 도입

기타 기능/변경 사항:

  • 루트 오버레이 스크롤 막대는 항상 최소 모드로 나타납니다. .
  • 포인터가 트랙에 직접 있으면 스크롤바가 전체 모드로 전환됩니다.
  • 시작 시 모든 스크롤 막대가 그려지고 루트 스크롤 막대는 계속 표시되며(최소 모드에서) 나머지는 사라집니다.
  • 포인터가 루트가 아닌 ScrollNode에 들어가면 스크롤 막대가 최소 모드로 그려집니다.
  • 포인터가 노드 경계를 벗어나면 최소 모드 스크롤 막대가 페이드 아웃됩니다.
  • Ctrl+F를 통해 텍스트를 일치시키면 전체 모드에서 스크롤 막대가 즉시 그려지고 트랙의 일치된 위치에 체크 표시가 나타납니다.

Microsoft는 또한 Windows 11의 기본 솔루션인 "항상 스크롤 막대 켜기"를 사용하여 "스텔스 모드"를 우회할 수 있다고 지적했습니다. macOS와 마찬가지로 설정 -> 접근성 -> 시각 효과에서 "항상 스크롤 막대 표시"를 활성화할 수 있습니다. 새로운 스크롤바는 기본 설정을 인식합니다.

"이 기능을 활성화하면 스크롤 막대가 "전체 모드"로 그려집니다. 이 운영 체제 설정을 사용하면 스크롤 막대가 레이아웃 공간을 차지하게 됩니다."라고 Microsoft는 말합니다.

Microsoft, Windows 11의 Fluent 스크롤바를 Chrome에 도입

위 스크린샷에서 볼 수 있듯이 Microsoft가 제안하는 스크롤바는 오버레이 스크롤바에 더 가깝습니다. 삽입물과 둥근 모서리로 인해 더 얇아집니다. 또한 Microsoft는 Google 개발자가 오버레이 스크롤 막대를 거부할 경우 Windows 11에서 Chrome을 현대화하기 위해 오버레이가 아닌 스크롤 막대를 재설계할 계획입니다.

Microsoft는 2022년 1월부터 Chromium 기반 웹 브라우저에 이 기능을 제공하는 것을 고려해 왔습니다.

2021년에 Microsoft 개발자는 회사가 Chromium에 일부 Edge 디자인 개선 사항을 도입할 계획임을 확인했습니다.

위 내용은 Microsoft, Windows 11의 Fluent 스크롤바를 Chrome에 도입의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Stock Market GPT

Stock Market GPT

더 현명한 결정을 위한 AI 기반 투자 연구

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

Microsoft Edge 자동 업데이트를 중지하는 방법 Microsoft Edge 자동 업데이트를 중지하는 방법 May 21, 2025 am 10:12 AM

Microsoft Edge 자동 업데이트를 중지하는 방법 Microsoft Edge는 Windows 11과 함께 제공되는 기본 브라우저입니다. 이전에 Edge 브라우저는 Windows 운영 체제가 업데이트됨에 따라 업데이트를 받았습니다. 그러나 Chromium을 기반으로 한 에지 브라우저가 변경되었습니다. 브라우저는 이제 지식없이 백그라운드에서 자동으로 업데이트됩니다. 이 기사에서는 Windows 11 및 MacOS에서 자동 Microsoft Edge 업데이트를 중지하는 방법을 설명합니다. 관련 : Chrome에서 자동 업데이트를 비활성화하는 방법은 무엇입니까? Chromium Backend 코드를 기반으로 자동 에지 업데이트 Chromium 기반 에지 vs. goo 점검

ES 3 주년】 Elasticsearch-Head 플러그인의 Windows-Chrome 설치 ES 3 주년】 Elasticsearch-Head 플러그인의 Windows-Chrome 설치 May 22, 2025 pm 07:42 PM

Elasticsearch-Head 플러그인의 Zip 파일을 다운로드하려면 다음 링크를 사용할 수 있습니다. 링크 : https://pan.baidu.com/s/1fkseifwwtaq-l1ded21khzw 추출 코드 : 8888 설치 방법 1 : Google Chrome을 통해 설치하고 Chrome Chrome을 열고 오른쪽 상단에서 "더 많은 도구"옵션을 클릭하고 "Extensions"를 클릭하십시오. 다운로드 된 es-head.zip 파일을 압축하고 접미사 .crx가있는 타사 플러그인 파일을 찾은 다음 접미사를 .rar로 변경 한 다음 다시 압축하여 폴더를 가져옵니다. 확장 페이지를 입력 한 후 개발자 모드를 활성화 한 다음 "압축되지 않은 확장자로드"를 클릭하고 선택하십시오.

Okex Trading Platform 공식 웹 사이트 포털 Google Chrome Okex Trading Platform 공식 웹 사이트 포털 Google Chrome Mar 31, 2025 pm 07:48 PM

Okex Trading Platform의 공식 웹 사이트는 풍부한 디지털 자산 거래 서비스를 제공하며, 통화 거래 (레버리지 거래 포함), 계약 거래 (배송 계약 및 영구 계약) 및 Fiat 통화 거래를 지원하며 비트 코인 및에 테레륨과 같은 다양한 주류 암호 화폐를 다루고 있습니다. 플랫폼의 장점은 풍부한 제품 유형, 우수한 트랜잭션 깊이 및 유동성, 마킹 가격 시스템, 그라디언트 마진 시스템 등을 포함한 완전한 위험 제어 시스템 인 우수한 트랜잭션 깊이 및 유동성에 있습니다. 사용자 친화적 인 운영 인터페이스 및 보조 기능을 제공하여 사용자가 디지털 자산 거래를 더 잘 수행 할 수 있도록 도와줍니다. 안전하고 편리하며 효율적인 암호 화폐 거래 서비스를 경험하려면 Okex를 선택하십시오.

수정 된 Windows 11 Google 크롬이 열리지 않습니다 수정 된 Windows 11 Google 크롬이 열리지 않습니다 Jul 08, 2025 pm 02:36 PM

고정 된 Windows 11 Google Chrome을 열지 않는 Chrome은 현재 가장 인기있는 브라우저이지만 Windows에서 개방하는 데 도움이 필요합니다. 그런 다음 화면 지침에 따라 프로세스를 완료하십시오. 위의 단계를 완료 한 후 Google Chrome을 다시 시작하여 지금 제대로 작동하는지 확인하십시오. 5. Chrome 사용자 프로필 삭제 문제가 아직 문제가있는 경우 Chrome 사용자 프로필을 삭제해야 할 때가 될 수 있습니다. 이렇게하면 모든 개인 정보가 삭제되므로 모든 관련 데이터를 백업하십시오. 일반적으로 브라우저 자체를 통해 Chrome 사용자 프로필을 삭제합니다. 그러나 당신이 그것을 열 수 없다는 것을 감안할 때, 여기에 또 다른 방법이 있습니다 : Windo 켜기

Web IDE 디렉토리 트리 계집기 : Chrome 및 Firefox 브라우저의 렌더링 결과가 다른 이유는 무엇입니까? Web IDE 디렉토리 트리 계집기 : Chrome 및 Firefox 브라우저의 렌더링 결과가 다른 이유는 무엇입니까? Apr 04, 2025 pm 10:15 PM

다른 브라우저 아래 웹 사이트 디렉토리 트리의 차이점에 대해이 기사는 Chrome 및 Firefox에서 웹의 이름 바꾸기를 탐색합니다 ...

http 페이지에서 정의되지 않은 반환되는 navigator.mediadevices의 문제를 해결하는 방법은 무엇입니까? http 페이지에서 정의되지 않은 반환되는 navigator.mediadevices의 문제를 해결하는 방법은 무엇입니까? Apr 05, 2025 am 07:30 AM

H5 배포 비디오 미디어 획득 문제 처리 후 H5 응용 프로그램을 배포 할 때 문제가 발생하면 페이지 비디오 미디어 획득에 문제가 발생합니다. 특히 Navigator.Medi를 사용할 때 ...

Bit-Z 거래 플랫폼 공식 웹사이트 입구 URL Bit-Z 거래 플랫폼 공식 웹사이트 입구 URL Dec 06, 2024 pm 09:48 PM

Bit-Z 거래 플랫폼 공식 웹사이트 입구 URL: https://www.bit-z.com. 이 플랫폼은 2016년에 설립되었으며 중국 홍콩에 본사를 두고 있으며 현물 거래, 계약 거래 및 법정 화폐 거래를 포함한 다양한 암호화폐 거래를 지원합니다.

Windows Google Chrome에서 파일 업로드 실패를 수정했습니다. Windows Google Chrome에서 파일 업로드 실패를 수정했습니다. Jul 08, 2025 pm 02:33 PM

Chrome에 파일을 업로드하는 데 문제가 있습니까? 이것은 짜증나는 것일 수 있습니다. 문서를 이메일에 첨부하거나 소셜 미디어에서 이미지 공유 또는 직장이나 학교에 중요한 파일을 제출하든 원활한 파일 업로드 프로세스가 중요합니다. 따라서 파일 업로드가 Windows PC의 Chrome에서 계속 실패하면 실망 스러울 수 있습니다. 좋아하는 브라우저를 포기할 준비가되지 않은 경우 Windows Google Chrome에서 파일을 업로드 할 수없는 수정 사항에 대한 몇 가지 팁이 있습니다. 1. 고급 문제 해결 팁에 대해 배우기 전에 Universal Repair부터 시작하면 아래에 언급 된 기본 솔루션을 사용해 보는 것이 가장 좋습니다. 인터넷 연결 문제 해결 : 인터넷 연결