{"id":338087,"date":"2017-04-12T01:23:20","date_gmt":"2017-04-11T17:23:20","guid":{"rendered":"http:\/\/techcrunch.com\/?p=1475457"},"modified":"2017-04-12T01:23:20","modified_gmt":"2017-04-11T17:23:20","slug":"chrome-now-uses-scroll-anchoring-to-prevent-those-annoying-page-jumps","status":"publish","type":"post","link":"https:\/\/people.utm.my\/asmawisham\/chrome-now-uses-scroll-anchoring-to-prevent-those-annoying-page-jumps\/","title":{"rendered":"Chrome now uses scroll anchoring to prevent those annoying page jumps"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/tctechcrunch2011.files.wordpress.com\/2015\/10\/6996250771_2ffbf3ab5f_o.jpg?w=738\" class=\"\"\/><\/p>\n<p>The latest <a target=\"_blank\" href=\"https:\/\/blog.google\/products\/chrome\/taking-aim-annoying-page-jumps-chrome\/\">update<\/a> to Google\u2019s <a target=\"_blank\" href=\"https:\/\/www.google.com\/chrome\/\">Chrome browser<\/a> makes mobile browsing a bit easier and (hopefully) less frustrating.<\/p>\n<p>One of the most annoying things about browsing\u00a0the web on a phone is that pages tend to jump while they are loading.\u00a0The reasons for those jumps are pretty straightforward: developers\u00a0want to make sure the actual content of a page loads first and then they load up additional ads and images. The problem is that if you\u2019ve already scrolled down, your page resets when some off-screen ad loads and you\u2019re suddenly looking at a completely different part of the page (and 90 percent of the time, that jump seems to happen right when you\u2019re trying to click on a link and you somehow end up tapping on an ad\u2026).<\/p>\n<p><span class=\"embed-youtube c5\"><iframe loading=\"lazy\" class=\"youtube-player c4\" type=\"text\/html\" width=\"640\" height=\"390\" src=\"https:\/\/www.youtube.com\/embed\/-Fr-i4dicCQ?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent\" allowfullscreen=\"true\">[embedded content]<\/iframe><\/span><\/p>\n<p>The latest versions of Chrome (56+) do their best to prevent these jumps with the help of a feature called scroll anchoring. Google tested scroll anchoring in the Chrome beta versions for <a target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/updates\/2016\/04\/scroll-anchoring?hl=en\">the last year<\/a> and now it\u2019s on by default.<\/p>\n<p>Google says the feature currently prevents almost three jumps per page view \u2014 and, over time, that number will likely increase.<\/p>\n<p>It\u2019s worth noting that the focus of this feature is on mobile, simply because the smaller screen means more content is likely to be loaded off-screen, but it\u2019s actually now on by default on Chrome for Mac, Windows and Linux, too (as well as on Chrome OS).<\/p>\n<p><small>Featured Image: <a target=\"_blank\" href=\"https:\/\/www.flickr.com\/photos\/shankrad\/6996250771\/in\/photolist-bEeBBi-qmn7kD-6A6nxy-yjoQRb-8DbuQt-5inqTc-97vZZq-5jkHrQ-cPRTFU-bWjkwj-5Hw5Gf-rtMxF-5j96qd-7KA3BN-niReo6-s8REs6-z2S5be-61UYaz-7pQMnR-buXadT-5k4bbv-qB4uqP-pq1p2E-e3K7tD-ps2Z7i-niR6ZE-prKHAM-8uFMzq-9gpztf-paxcRq-q6e5nn-s8EGDo-sN5y57-4oMSUt-chKMgN-9VJJVp-qtw3vx-dTq6DQ-7x1e1o-y5ozi-sB4mz-azPyu9-x9G1KT-azAMLq-azAMrA-5W8Vji-6hdFJ2-5W1V7T-pLx7X-dSbeJF\">Stephen Shankland<\/a>\/<a target=\"_blank\" href=\"https:\/\/www.flickr.com\/\">Flickr<\/a> UNDER A <a target=\"_blank\" href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/\">CC BY-SA 2.0<\/a> LICENSE<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"404\" src=\"https:\/\/tctechcrunch2011.files.wordpress.com\/2015\/10\/6996250771_2ffbf3ab5f_o.jpg?w=680\" class=\"attachment-large size-large wp-post-image\" alt=\"Chrome lapel pin\" srcset=\"https:\/\/tctechcrunch2011.files.wordpress.com\/2015\/10\/6996250771_2ffbf3ab5f_o.jpg?w=680 680w, https:\/\/tctechcrunch2011.files.wordpress.com\/2015\/10\/6996250771_2ffbf3ab5f_o.jpg?w=1360 1360w, https:\/\/tctechcrunch2011.files.wordpress.com\/2015\/10\/6996250771_2ffbf3ab5f_o.jpg?w=150 150w, https:\/\/tctechcrunch2011.files.wordpress.com\/2015\/10\/6996250771_2ffbf3ab5f_o.jpg?w=300 300w, https:\/\/tctechcrunch2011.files.wordpress.com\/2015\/10\/6996250771_2ffbf3ab5f_o.jpg?w=768 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/>&nbsp;The latest update to Google&#8217;s Chrome browser makes mobile browsing a bit easier and (hopefully) less frustrating. <a href=\"https:\/\/techcrunch.com\/2017\/04\/11\/chrome-now-uses-scroll-anchoring-to-prevent-those-annoying-page-jumps\/?ncid=rss\">Read More<\/a><\/p>\n<div class=\"feedflare\">\n<a href=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?a=FW0pNIB5Wqg:cFlfWGU4h-8:2mJPEYqXBVI\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?d=2mJPEYqXBVI\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?a=FW0pNIB5Wqg:cFlfWGU4h-8:7Q72WNTAKBA\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?d=7Q72WNTAKBA\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?a=FW0pNIB5Wqg:cFlfWGU4h-8:yIl2AUoC8zA\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?d=yIl2AUoC8zA\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?a=FW0pNIB5Wqg:cFlfWGU4h-8:-BTjWOF_DHI\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?i=FW0pNIB5Wqg:cFlfWGU4h-8:-BTjWOF_DHI\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?a=FW0pNIB5Wqg:cFlfWGU4h-8:D7DqB2pKExk\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?i=FW0pNIB5Wqg:cFlfWGU4h-8:D7DqB2pKExk\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?a=FW0pNIB5Wqg:cFlfWGU4h-8:qj6IDK7rITs\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Techcrunch?d=qj6IDK7rITs\" border=\"0\"><\/img><\/a>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~r\/Techcrunch\/~4\/FW0pNIB5Wqg\" height=\"1\" width=\"1\" alt=\"\"\/> <\/p>\n","protected":false},"author":5817,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[25],"tags":[59,66,26],"class_list":["post-338087","post","type-post","status-publish","format-standard","hentry","category-technology","tag-media","tag-techcrunch","tag-technology"],"_links":{"self":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts\/338087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/users\/5817"}],"replies":[{"embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/comments?post=338087"}],"version-history":[{"count":0,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts\/338087\/revisions"}],"wp:attachment":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/media?parent=338087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/categories?post=338087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/tags?post=338087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}