{"id":2362,"date":"2014-09-03T16:40:32","date_gmt":"2014-09-03T16:40:32","guid":{"rendered":"http:\/\/www.semdrive.com\/?p=2362"},"modified":"2014-09-03T16:40:32","modified_gmt":"2014-09-03T16:40:32","slug":"advantages-of-vertical-scrolling-vs-full-screen-sites","status":"publish","type":"post","link":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/","title":{"rendered":"The Advantages of Vertical Scrolling vs Full-Screen sites"},"content":{"rendered":"

Full-screen sites are generally designed to show the content above the fold \u2013 like a book or a magazine, with the content displayed on a fixed size or resolution \u2013 and transitions are needed in order to navigate through the content (like page turns). On the other hand, with scrolling sites the content is overflown vertically and must be scrolled.<\/p>\n

\"fullscreen_scrolling\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

\"fullscreenvsscrolling\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Sample full-screen site:\u00a0http:\/\/www.tatchies.com\/<\/a><\/p>\n

Sample scrolling site:\u00a0http:\/\/www.qzwei.com\/<\/a><\/p>\n

 <\/p>\n

Mobile displays<\/strong><\/p>\n

Nowadays people access the web everywhere, using mobile devices. The touchscreen is a great technology to navigate across websites but unfortunately doesn\u2019t play well for full-screen sites. Meanwhile, the vertical gesture on a touchscreen made scrolling sites a unique and excellent alternative for smartphones and tablets.<\/span><\/p>\n

\"mobile\"\"sites-on-phone\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Different screen sizes or resolutions<\/strong><\/p>\n

\"browser\"<\/p>\n

In the past you could design sites for a 1024 x 768 monitor and be relatively sure that it would look the same across most of the computers. In today\u2019s environment this is no longer the case. A web developer can tell you that any good-coded site will adjust pixel per pixel on a large screen monitor, but as soon as the browser\u2019s width and height starts changing it can quickly become very difficult to make the content look good across the different dimensions. In opposition, on scrolling sites the content adapts perfectly to a vertical environment, allowing the site to have variable heights.<\/p>\n

 <\/p>\n

It took some time for scrolling sites to become the best choice regarding functionality, but the adaptability of the content to the different mobile and desktop dimensions is the best way to generate the visual impact that every business should be aiming for.<\/p>\n","protected":false},"excerpt":{"rendered":"

Full-screen sites are generally designed to show the content above the fold \u2013 like a book or a magazine, with the content displayed on a fixed size or resolution \u2013 and transitions are needed in order to navigate through the content (like page turns). On the other hand, with scrolling sites the content is overflown […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[29],"tags":[],"yoast_head":"\nThe Advantages of Vertical Scrolling vs Full-Screen sites | CXGlobals<\/title>\n<meta name=\"description\" content=\"Content adaptability to the different mobile and desktop dimensions is the best way to generate the visual impact that every business should be aiming for.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Advantages of Vertical Scrolling vs Full-Screen sites | CXGlobals\" \/>\n<meta property=\"og:description\" content=\"Content adaptability to the different mobile and desktop dimensions is the best way to generate the visual impact that every business should be aiming for.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/\" \/>\n<meta property=\"og:site_name\" content=\"CXGlobals\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cxglobals\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-03T16:40:32+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.semdrive.com\/wp-content\/uploads\/fullscreen_scrolling-300x160.png\" \/>\n<meta name=\"author\" content=\"Andr\u00e9s Chavarr\u00eda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9s Chavarr\u00eda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/\"},\"author\":{\"name\":\"Andr\u00e9s Chavarr\u00eda\",\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/person\/a65b8ee6203b17da2a4f517d20f32c17\"},\"headline\":\"The Advantages of Vertical Scrolling vs Full-Screen sites\",\"datePublished\":\"2014-09-03T16:40:32+00:00\",\"dateModified\":\"2014-09-03T16:40:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/\"},\"wordCount\":296,\"publisher\":{\"@id\":\"https:\/\/cxglobals.com\/#organization\"},\"articleSection\":[\"Web Design and Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/\",\"url\":\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/\",\"name\":\"The Advantages of Vertical Scrolling vs Full-Screen sites | CXGlobals\",\"isPartOf\":{\"@id\":\"https:\/\/cxglobals.com\/#website\"},\"datePublished\":\"2014-09-03T16:40:32+00:00\",\"dateModified\":\"2014-09-03T16:40:32+00:00\",\"description\":\"Content adaptability to the different mobile and desktop dimensions is the best way to generate the visual impact that every business should be aiming for.\",\"breadcrumb\":{\"@id\":\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cxglobals.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Advantages of Vertical Scrolling vs Full-Screen sites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cxglobals.com\/#website\",\"url\":\"https:\/\/cxglobals.com\/\",\"name\":\"CXGlobals\",\"description\":\"Digital Marketing for Technology Companies Worldwide\",\"publisher\":{\"@id\":\"https:\/\/cxglobals.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cxglobals.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cxglobals.com\/#organization\",\"name\":\"CXGlobals\",\"url\":\"https:\/\/cxglobals.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cxglobals.com\/wp-content\/uploads\/2020\/07\/Asset-1.svg\",\"contentUrl\":\"https:\/\/cxglobals.com\/wp-content\/uploads\/2020\/07\/Asset-1.svg\",\"width\":128.85,\"height\":34.78,\"caption\":\"CXGlobals\"},\"image\":{\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/cxglobals\/\",\"https:\/\/www.instagram.com\/cxglobals\/\",\"https:\/\/www.linkedin.com\/company\/cxglobals\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/person\/a65b8ee6203b17da2a4f517d20f32c17\",\"name\":\"Andr\u00e9s Chavarr\u00eda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/266d8169531aff3d1295cb83e297ebdf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/266d8169531aff3d1295cb83e297ebdf?s=96&d=mm&r=g\",\"caption\":\"Andr\u00e9s Chavarr\u00eda\"},\"url\":\"https:\/\/cxglobals.com\/author\/andres_cxgs\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Advantages of Vertical Scrolling vs Full-Screen sites | CXGlobals","description":"Content adaptability to the different mobile and desktop dimensions is the best way to generate the visual impact that every business should be aiming for.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/","og_locale":"en_US","og_type":"article","og_title":"The Advantages of Vertical Scrolling vs Full-Screen sites | CXGlobals","og_description":"Content adaptability to the different mobile and desktop dimensions is the best way to generate the visual impact that every business should be aiming for.","og_url":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/","og_site_name":"CXGlobals","article_publisher":"https:\/\/www.facebook.com\/cxglobals\/","article_published_time":"2014-09-03T16:40:32+00:00","og_image":[{"url":"http:\/\/www.semdrive.com\/wp-content\/uploads\/fullscreen_scrolling-300x160.png"}],"author":"Andr\u00e9s Chavarr\u00eda","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Andr\u00e9s Chavarr\u00eda","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/#article","isPartOf":{"@id":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/"},"author":{"name":"Andr\u00e9s Chavarr\u00eda","@id":"https:\/\/cxglobals.com\/#\/schema\/person\/a65b8ee6203b17da2a4f517d20f32c17"},"headline":"The Advantages of Vertical Scrolling vs Full-Screen sites","datePublished":"2014-09-03T16:40:32+00:00","dateModified":"2014-09-03T16:40:32+00:00","mainEntityOfPage":{"@id":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/"},"wordCount":296,"publisher":{"@id":"https:\/\/cxglobals.com\/#organization"},"articleSection":["Web Design and Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/","url":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/","name":"The Advantages of Vertical Scrolling vs Full-Screen sites | CXGlobals","isPartOf":{"@id":"https:\/\/cxglobals.com\/#website"},"datePublished":"2014-09-03T16:40:32+00:00","dateModified":"2014-09-03T16:40:32+00:00","description":"Content adaptability to the different mobile and desktop dimensions is the best way to generate the visual impact that every business should be aiming for.","breadcrumb":{"@id":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cxglobals.com\/advantages-of-vertical-scrolling-vs-full-screen-sites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cxglobals.com\/"},{"@type":"ListItem","position":2,"name":"The Advantages of Vertical Scrolling vs Full-Screen sites"}]},{"@type":"WebSite","@id":"https:\/\/cxglobals.com\/#website","url":"https:\/\/cxglobals.com\/","name":"CXGlobals","description":"Digital Marketing for Technology Companies Worldwide","publisher":{"@id":"https:\/\/cxglobals.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cxglobals.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cxglobals.com\/#organization","name":"CXGlobals","url":"https:\/\/cxglobals.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cxglobals.com\/#\/schema\/logo\/image\/","url":"https:\/\/cxglobals.com\/wp-content\/uploads\/2020\/07\/Asset-1.svg","contentUrl":"https:\/\/cxglobals.com\/wp-content\/uploads\/2020\/07\/Asset-1.svg","width":128.85,"height":34.78,"caption":"CXGlobals"},"image":{"@id":"https:\/\/cxglobals.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/cxglobals\/","https:\/\/www.instagram.com\/cxglobals\/","https:\/\/www.linkedin.com\/company\/cxglobals"]},{"@type":"Person","@id":"https:\/\/cxglobals.com\/#\/schema\/person\/a65b8ee6203b17da2a4f517d20f32c17","name":"Andr\u00e9s Chavarr\u00eda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cxglobals.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/266d8169531aff3d1295cb83e297ebdf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/266d8169531aff3d1295cb83e297ebdf?s=96&d=mm&r=g","caption":"Andr\u00e9s Chavarr\u00eda"},"url":"https:\/\/cxglobals.com\/author\/andres_cxgs\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/posts\/2362"}],"collection":[{"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/comments?post=2362"}],"version-history":[{"count":0,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/posts\/2362\/revisions"}],"wp:attachment":[{"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/media?parent=2362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/categories?post=2362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/tags?post=2362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}