Request details

Scrollable Area (not scrolling whole artboard)

Define a scrollable area within an artboard

This provides real-world app use cases, such as a table, slideshow, or iOS dropdown lists.

4,464 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)

    We’ll send you updates on this idea

    Peter DiBartolo shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    259 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...
      • BeasT commented  ·   ·  Flag as inappropriate

        A little tip for scrollable area: you can use second artboard that scrolling is checked. And in prototype set Trigger: Time, Delay: 0 and Action: Overlay. It isn´t best solution, but it´s working.

      • Yolanda commented  ·   ·  Flag as inappropriate

        Hi, I think I found it. Just click " fix position when scrolling" on the content that you want to fix. It works on mine! :)

      • Anonymous commented  ·   ·  Flag as inappropriate

        It goes without saying, that our websites and apps sometimes scroll! Until yesterday, it was impossible to emulate scrolling within XD.

        Making a given screen, or artboard rather, scrollable is fortunately very easy.

        Let's say you have the following artboard (by the way, I copied this from the Google Material Design UI Kit within Adobe XD), and you want to simulate scrolling of this list of names.

        Notice the red Viewport Height section. This is the viewable area by default.

        If you want to make this artboard scrollable beyond that height, you simply drag down the bottom of the artboard:

        Notice the dotted horizontal line, that's the Viewport Height. Anything below this will become scrollable content.

        Let's drag the bottom Name group down to the bottom: https://quotesupdate.com/best-funny-whatsapp-status-quotes.html

      • Abdullah Anis commented  ·   ·  Flag as inappropriate

        Please make this feature Adobe Pleaseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee.

      • Justin Jack commented  ·   ·  Flag as inappropriate

        It goes without saying, that our websites and apps sometimes scroll! Until yesterday, it was impossible to emulate scrolling within XD.

        Making a given screen, or artboard rather, scrollable is fortunately very easy.

        Let's say you have the following artboard (by the way, I copied this from the Google Material Design UI Kit within Adobe XD), and you want to simulate scrolling of this list of names.

        Notice the red Viewport Height section. This is the viewable area by default.

        If you want to make this artboard scrollable beyond that height, you simply drag down the bottom of the artboard:

        Notice the dotted horizontal line, that's the Viewport Height. Anything below this will become scrollable content.

        Let's drag the bottom Name group down to the bottom: https://whatstatus.co/whatsapp-dp-images

        Now, click on the play icon in the upper right, and wala! We can scroll down!

      • My Anime commented  ·   ·  Flag as inappropriate

        To every one of you who needs to demonstrate models. Put a square shape behind the zone that you need to look into, at that point let your scrollable look behind the square shape. That way it will "look" genuine atleast.
        http://mangazuki.me/brawling-go

      • A1D commented  ·   ·  Flag as inappropriate

        Hi there,
        Is there any news about this feature?
        When we shall expect this?

        Thanks!

      ← Previous 1 3 4 5 12 13

      Feedback and Knowledge Base