Chrome が Windows 11 に Fluent オーバーレイ スクロールバーを追加

滑らかなオーバーレイ スクロールバーにより、Chrome でのスクロール方法が変わります

Microsoft はこれまで、Windows 11 Fluent のデザインに合わせて Chromium のオーバーレイ スクロールバーと非オーバーレイ スクロールバーを最新化することに取り組んできました。 最新では、「Fluent オーバーレイ スクロールバー」を Chrome に追加しています。 この機能は Canary で利用できます。有効にする方法は次のとおりです。

Fluent オーバーレイ スクロールバーは、Microsoft が Windows 11 向けに設計したオーバーレイ スクロールバーです。 ミニマルとフルの 2 つのモードがあります。 最小モードでは、スクロールバーの位置を示す細い線が表示されます。 フル モードは、ボタンとスクロールバーのトラックを示す太いバーです。 マウスを移動する場所に応じて、スクロールバーのモードが切り替わります。

オーバーレイ スクロールバーには通常 1 つのモードしかなく、スクロールバーの上にマウスを置くと常に表示されます。

マイクロソフトは 設計する Chrome の流暢なオーバーレイ スクロールバー 確保する コンテンツの上部に表示されるスクロールバーは、コンテンツが大きくなるたびに表示されるわけではありません。 これにより、スクロールバーの下のコンテンツが見やすくなり、クリックしやすくなります。

つまり、内部のスクロール可能なコンテンツが展開されても、スクロールバーはポップしたり点滅したりしません。

たとえば、誰かとチャットしていて、その人が大量のメッセージを送信してきた場合、新しいメッセージが表示されるたびにスクロールバーが表示されたり消えたりし続けるわけではありません。 右側の Chrome で Fluent Overlay スクロールバーを有効にして、埋め込み gif の動作を確認してください。

Microsoft では、このタイプのスクロールバーを次のように定義しています。

Microsoft の流暢なデザインでスクロールバーを様式化し、Web コンテンツの上にオーバーレイします。」

  1. Chrome Canary を起動する
  2. chrome://flags にアクセスしてください
  3. 「fluent overlay」を検索し、「Windows Fluent Overlay Scrollbars」を見つけて有効にします。
  4. ブラウザを再起動します。

Fluent オーバーレイ スクロールバー機能は好きですか? 以下のコメント欄でご意見をお聞かせください。

マイクロソフトは、電子ペーパー画面を備えたデュアルディスプレイデバイスの特許を取得していますマイクロソフト

なので マイクロソフト そのデビューの準備をします 次の携帯電話 – Surface Phoneであると噂されている–レドモンドの巨人は最近、「デュアルディスプレイデバイス」は、片側に通常のディスプレイ、反対側に電子ペーパー画面を備えています。新しい特許は、マイクロソフトが先週提出した、単一の上層の下にある湾曲したエッジを持つパネルで構成される多層スクリーンについての別の特許出願に続いて注目...

続きを読む
GitHubがついにベータ版のAndroidアプリをリリース

GitHubがついにベータ版のAndroidアプリをリリースマイクロソフトAndroidの問題Github

GitHubは、iOSのベータ版のリリース中に2019年に約束されたように、Androidオペレーティングシステム用のオープンソースアプリのベータ版をついにリリースしました。 このアプリは、Microsoftが75億ドルでプラットフォームを買収してから、2年も経たないうちにGitHubがソフトウェア開発コミュニティに力を与えるために導入したいくつかの実用的な機能の1つです。外出先でのソフトウ...

続きを読む
サーフェスメンバーシッププランは、企業に安価な支払いプランと魅力的な割引を提供します

サーフェスメンバーシッププランは、企業に安価な支払いプランと魅力的な割引を提供しますマイクロソフトSurface BookSurface Pro 4

その中で AppleのiPadProと戦う、マイクロソフトは新しいプログラムを立ち上げています Surfaceデバイスの購入をより魅力的にする 企業に。 新しいSurfaceメンバーシッププランは、企業に一連の利点を提供し、最新のSurfaceデバイスを入手して、可能な限り最高の価格でアップグレードできるようにします。各Surfaceメンバーシッププランでは、企業は次の3つのデバイスから選択...

続きを読む