{"id":23708,"date":"2024-03-16T01:54:28","date_gmt":"2024-03-16T01:54:28","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/"},"modified":"2024-03-22T01:55:33","modified_gmt":"2024-03-22T01:55:33","slug":"how-can-a-scrolling-page-be-created-in-axure","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/","title":{"rendered":"How can a scrolling page be created in Axure?"},"content":{"rendered":"

To create a scrolling page, you can follow these steps in Axure:<\/p>\n

    \n
  1. Create a new page or select an existing one in Axure, which will serve as the container for the scrolling page.<\/li>\n
  2. Add a scrolling area widget to the page. You can find the “Scroll Area” widget in the “Widgets” panel and drag it onto the page. You can also use the shortcut Ctrl+Alt+S to add a scrolling area.<\/li>\n
  3. Adjust the size and position of the scrolling area to meet your needs. You can resize by dragging the edges and corners of the scrolling area with your mouse, or precisely set the size and position using the “Size and Position” option in the “Widgets” panel.<\/li>\n
  4. Add content to the scrolling area. You can insert text, images, tables, and other elements to create the scrolling page you desire.<\/li>\n
  5. Add a scrollbar where needed. You can find the “Scrollbar” widget in the “Widgets” panel, then drag and drop it to the appropriate position in the scrolling area. You can also use the shortcut Ctrl+Alt+T to add a scrollbar.<\/li>\n
  6. Adjust the size and position of the scrollbar to fit the size of the scroll area. You can drag the edges and corners of the scrollbar with your mouse to adjust the size, or use the “Size and Position” option in the “Widgets” panel for precise adjustments.<\/li>\n
  7. Configure the interaction behavior of the scroll bar. You can adjust the scrolling behavior such as distance and speed in the “Interaction” panel.<\/li>\n
  8. Test the scrolling page in preview mode. You can click the “Preview” button in the Axure toolbar to see how the scrolling page looks. In preview mode, you can test the scrolling page by scrolling the mouse wheel or clicking the scrollbar.<\/li>\n<\/ol>\n

    Please note that the above steps are just an example of creating a basic scrolling page, you can adjust and expand them according to your actual needs.<\/p>\n","protected":false},"excerpt":{"rendered":"

    To create a scrolling page, you can follow these steps in Axure: Create a new page or select an existing one in Axure, which will serve as the container for the scrolling page. Add a scrolling area widget to the page. You can find the “Scroll Area” widget in the “Widgets” panel and drag it […]<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-23708","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nHow can a scrolling page be created in Axure? - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How can a scrolling page be created in Axure?\" \/>\n<meta property=\"og:description\" content=\"To create a scrolling page, you can follow these steps in Axure: Create a new page or select an existing one in Axure, which will serve as the container for the scrolling page. Add a scrolling area widget to the page. You can find the “Scroll Area” widget in the “Widgets” panel and drag it […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-16T01:54:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-22T01:55:33+00:00\" \/>\n<meta name=\"author\" content=\"Jackson Davis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jackson Davis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/\"},\"author\":{\"name\":\"Jackson Davis\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/55a10b8b0457c35884c25677889ad350\"},\"headline\":\"How can a scrolling page be created in Axure?\",\"datePublished\":\"2024-03-16T01:54:28+00:00\",\"dateModified\":\"2024-03-22T01:55:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/\"},\"wordCount\":329,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/\",\"name\":\"How can a scrolling page be created in Axure? - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-16T01:54:28+00:00\",\"dateModified\":\"2024-03-22T01:55:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How can a scrolling page be created in Axure?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/55a10b8b0457c35884c25677889ad350\",\"name\":\"Jackson Davis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2fdb47d6df1226e92380d96973782572a97b0675d098bb914410dec348eb5d29?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2fdb47d6df1226e92380d96973782572a97b0675d098bb914410dec348eb5d29?s=96&d=mm&r=g\",\"caption\":\"Jackson Davis\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/jacksondavis\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How can a scrolling page be created in Axure? - Blog - Silicon Cloud","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:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/","og_locale":"en_US","og_type":"article","og_title":"How can a scrolling page be created in Axure?","og_description":"To create a scrolling page, you can follow these steps in Axure: Create a new page or select an existing one in Axure, which will serve as the container for the scrolling page. Add a scrolling area widget to the page. You can find the “Scroll Area” widget in the “Widgets” panel and drag it […]","og_url":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-16T01:54:28+00:00","article_modified_time":"2024-03-22T01:55:33+00:00","author":"Jackson Davis","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Jackson Davis","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/"},"author":{"name":"Jackson Davis","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/55a10b8b0457c35884c25677889ad350"},"headline":"How can a scrolling page be created in Axure?","datePublished":"2024-03-16T01:54:28+00:00","dateModified":"2024-03-22T01:55:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/"},"wordCount":329,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/","url":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/","name":"How can a scrolling page be created in Axure? - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-16T01:54:28+00:00","dateModified":"2024-03-22T01:55:33+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/how-can-a-scrolling-page-be-created-in-axure\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How can a scrolling page be created in Axure?"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/55a10b8b0457c35884c25677889ad350","name":"Jackson Davis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2fdb47d6df1226e92380d96973782572a97b0675d098bb914410dec348eb5d29?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2fdb47d6df1226e92380d96973782572a97b0675d098bb914410dec348eb5d29?s=96&d=mm&r=g","caption":"Jackson Davis"},"url":"https:\/\/www.silicloud.com\/blog\/author\/jacksondavis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/23708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=23708"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/23708\/revisions"}],"predecessor-version":[{"id":57700,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/23708\/revisions\/57700"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=23708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=23708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=23708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}