4/2/2023 0 Comments Adobe xd scrollable area![]() ![]() In the navbar select Maui (if nothing is selected you’ll have to double–click).Let’s have the photo start below the navbar, rather than behind it. With part of the photo covered, the text is no longer centered. The layer effect with the blurred navbar background looks cool, but in our design we’ve vertically centered the text in photo.The photo is behind the navbar, because XD puts the element you’re scrolling to at the very top of the screen (which currently is behind the navbar that’s on top of the photo).We’ll see how to adjust the speed in a moment. In the navbar click on Maui again to scroll there.We had added links to the other buttons, so click any of the navbar links see how nice it is to move around the page.Īdjusting the Position & Speed of the Scroll Destination: Kauai (the name we gave to the group we want to scroll to).In the Property Inspector on the right, set the following: Sometimes it’s hard to see the navbar and the place you’re linking to, so let’s see an alternate way instead of dragging like we did the first time.Īt the top the Property Inspector, to the far right of Interaction click the + button. In the navbar double–click on Kauai to select it.In the navbar click on Maui to scroll there.Scroll down to see the navbar stays fixed at the top of the screen.In the Property Inspector, check on Fix Position When Scrolling.(We locked the header background photo so you won’t have to worry about that.) Drag a selection around the entire navbar and its background.Click in an empty area of the canvas to make sure nothing is selected.Let’s tell it to stay at the top of the screen to make navigating to other parts of the page faster. In the navbar click on Maui and it should scroll down! At the top right of the window, click the Desktop Preview button. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |