{"id":758913,"date":"2023-10-21T06:27:49","date_gmt":"2023-10-21T12:27:49","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/google-chrome-och-microsoft-edge-rullningslister-for-en-flytande-layout\/"},"modified":"2023-10-21T06:27:49","modified_gmt":"2023-10-21T12:27:49","slug":"google-chrome-och-microsoft-edge-rullningslister-for-en-flytande-layout","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/google-chrome-och-microsoft-edge-rullningslister-for-en-flytande-layout\/","title":{"rendered":"Google Chrome och Microsoft Edge rullningslister f\u00f6r en flytande layout"},"content":{"rendered":"<p>Microsoft anser att den nuvarande standard <strong>Krom<\/strong> <strong>Rullningslister<\/strong> Anv\u00e4nd fortfarande de traditionella win32-rullningslistorna medan Windows OS har f\u00e5tt inbyggda WinUI och flytande kontroller.  F\u00f6retaget f\u00f6resl\u00e5r nu att standardrullningslisterna uppdateras med en <strong>flytande design<\/strong> och vara som alltid tunnare \u00f6verlappande rullningslister, ha rundade insatser och kanter.<\/p>\n<p>Reflexer:<\/p>\n<ul>\n<li>Microsoft kommer att uppdatera Chromium Scrollbars i Windows 11\/10 med en flytande layout<\/li>\n<li>Anv\u00e4ndare kommer fortfarande att ha m\u00f6jlighet att v\u00e4lja &#8220;icke-\u00f6verlappande rullningslister&#8221; genom inst\u00e4llningen &#8220;Visa alltid rullningslister&#8221; i Windows-operativsystemet.<\/li>\n<li>Microsoft kommer att \u00e4ndra stilen p\u00e5 rullningslisten utan \u00f6verlagring f\u00f6r att matcha Windows-temat.<\/li>\n<li>tycker f\u00f6retaget <strong>Flytande rullningslister<\/strong> kan \u00e4ven vara tillg\u00e4nglig p\u00e5 Linux.<\/li>\n<li>\u00c4ndringen f\u00f6rv\u00e4ntas p\u00e5verka sidans layout.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Visuella_specifikationer_for_flytande_rullningslist\"><\/span>Visuella specifikationer f\u00f6r flytande rullningslist<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Enligt specifikationerna designade av Microsoft visas rullningslisterna i tre l\u00e4gen: minimum, full och dold.<\/p>\n<ol>\n<li><strong>Minimil\u00e4ge<\/strong> (alias overlay scrollbars) \u00e4r standardl\u00e4get n\u00e4r endast rullningslistens tumme \u00e4r ritad.<br \/>Medan Chromiums standardrullningslister kan ta upp 17PX layoututrymme.  De nya verktygsf\u00e4lten kommer inte att ta upp n\u00e5got layoututrymme i minimalt l\u00e4ge.<\/li>\n<li>Rullningslisten \u00e4r p\u00e5<strong> fullt l\u00e4ge<\/strong> n\u00e4r du ritar delar av rullningslisten (tumme, sp\u00e5r, knappar och knappsymboler).  Detta h\u00e4nder n\u00e4r pekaren \u00e4r direkt \u00f6ver rullningslistens omr\u00e5de.<\/li>\n<li><strong>Smygl\u00e4ge<\/strong>: Detta \u00e4r n\u00e4r rullningslisterna bleknar helt n\u00e4r pekaren flyttas utanf\u00f6r gr\u00e4nserna f\u00f6r icke-root ScrollNodes<\/li>\n<\/ol>\n<p>\u00d6verlagringsrullningslister finns redan i macOS.  Operativsystemet har l\u00e4get &#8220;Visa alltid rullningslister&#8221;.<\/p>\n<p>Som n\u00e4mnts i b\u00f6rjan har Windows en inst\u00e4llning f\u00f6r att kontrollera synligheten f\u00f6r rullningslister.<\/p>\n<p>Windows 11\/10-anv\u00e4ndare b\u00f6r bes\u00f6ka <strong>inst\u00e4llningar<\/strong> > <strong>Tillg\u00e4nglighet<\/strong> > <strong>Visuella effekter,<\/strong> V\u00e4xla &#8220;<strong>Visa alltid rullningslister<\/strong>&#8221; f\u00f6r att aktivera eller inaktivera dem.<\/p>\n<p>F\u00f6retaget planerar att g\u00f6ra de nya rullningslistorna medvetna om inst\u00e4llningarna som n\u00e4mns ovan.<\/p>\n<p>Sammanfattning: Funktionen Fluent Scrollabrs syftar till att &#8220;modernisera Chromium-rullningslisterna (b\u00e5de \u00f6verlagrade och icke-\u00f6verlappande) f\u00f6r att passa Fluent Design-spr\u00e5ket i Windows 11. Detta inkluderar uppdateringar av det visuella utseendet tillsammans med vissa f\u00f6r\u00e4ndringar av hur de &#8220;Anv\u00e4ndare interagerar med de \u00f6verlagrade rullningslisterna.&#8221;<\/p>\n<p>Microsoft har bidragit s\u00e5 mycket till Chromium-projektet f\u00f6r nya Microsoft Edge att det s\u00e4kert kommer att vara ett anv\u00e4ndbart till\u00e4gg.<\/p>\n<p>Vad tycker du om att Chrome och Edge och andra rullningslister i Chromium-webbl\u00e4saren uppdateras med flytande design?  L\u00e5t oss veta din \u00e5sikt i kommentarerna nedan.<\/p>\n<p>Mer som denna artikel:<\/p>\n<p>Den nya mediaspelaren Windows 11 med Fluent Design \u00e4r nu tillg\u00e4nglig<\/p>\n<p>PowerToys PowerRename f\u00f6r att f\u00e5 en smidig layout f\u00f6r Windows 11<\/p>\n<p>Titta f\u00f6rst p\u00e5 det omgjorda Windows 11 Notepad<\/p>\n<p>Mozilla Firefox f\u00e5r Windows 11-stil rullningslister<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/sw\/google-chrome-och-microsoft-edge-rullningslister-for-en-flytande-layout\/#Visuella_specifikationer_for_flytande_rullningslist\" >Visuella specifikationer f\u00f6r flytande rullningslist<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Microsoft anser att den nuvarande standard Krom Rullningslister Anv\u00e4nd fortfarande de traditionella win32-rullningslistorna medan Windows OS har f\u00e5tt inbyggda WinUI och flytande kontroller. F\u00f6retaget f\u00f6resl\u00e5r nu att standardrullningslisterna uppdateras med en flytande design och vara som alltid tunnare \u00f6verlappande rullningslister, ha rundade insatser och kanter. Reflexer: Microsoft kommer att uppdatera Chromium Scrollbars i Windows 11\/10 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":758914,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/33.jpg","fifu_image_alt":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-758913","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggar"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/758913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/comments?post=758913"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/758913\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media\/758914"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media?parent=758913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/categories?post=758913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/tags?post=758913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}