{"id":3283,"date":"2012-03-04T01:20:47","date_gmt":"2012-03-04T06:20:47","guid":{"rendered":"http:\/\/elwinlee.com\/blog\/?p=3283"},"modified":"2014-11-06T17:06:20","modified_gmt":"2014-11-06T22:06:20","slug":"htmlcss-scrollbar-jump","status":"publish","type":"post","link":"https:\/\/www.elwinlee.com\/blog\/htmlcss-scrollbar-jump\/","title":{"rendered":"[HOW] HTML\/CSS: Prevent Scrollbar Jump"},"content":{"rendered":"<p>Firefox and Chrome doesn&#8217;t show a scrollbar on the right if the content of a page isn&#8217;t longer than the window. But when the content becomes longer, the vertical scrollbar appears and causes the layout to shift. This &#8220;jump&#8221; can be quite annoying as the whole layout moves to the left. To fix this:<\/p>\n<pre class=\"brush: css;\">html {\r\n  overflow-y:scroll;\r\n}<\/pre>\n<p><\/br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Firefox and Chrome doesn&#8217;t show a scrollbar on the right if the content of a page isn&#8217;t longer than the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4103,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[429,1079],"tags":[1996,1997,2431,1998,431,1999,443,2000,476,595,1022,1031,1035,1062,1324,1563,1619,1994,1995],"class_list":["post-3283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-how-to-fix-stuff","tag-overflow","tag-vertical","tag-design","tag-bar","tag-layout","tag-firefox","tag-website","tag-mozilla","tag-google","tag-chrome","tag-html","tag-shift","tag-css","tag-center","tag-page","tag-how","tag-fix","tag-jump","tag-overflow-y"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/www.elwinlee.com\/blog\/wp-content\/uploads\/2012\/03\/html_css.png","jetpack_shortlink":"https:\/\/wp.me\/p1mtRf-QX","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/posts\/3283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/comments?post=3283"}],"version-history":[{"count":2,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/posts\/3283\/revisions"}],"predecessor-version":[{"id":3303,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/posts\/3283\/revisions\/3303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/media\/4103"}],"wp:attachment":[{"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/media?parent=3283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/categories?post=3283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/tags?post=3283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}