Jun 19, 2022
In Welcome to the Forum
Today, the author of this article will share with you how to use Axure to switch the content page of the website Tab navigation bar and return to the top interaction. bulk sms send I hope it will be helpful to you after reading. When we use Zhihu, we will find that when we scroll down the page, the content of the website Tab navigation bar will be switched; at the same time, bulk sms send if the scroll exceeds a certain distance, a back to top button will appear. Click this button to return to the top of the page. Implementing the logic Swipe down the page, bulk sms send the Tab navigation bar switches from the first state to the second state; swipe up the page, the Tab navigation bar switches from the second state to the first state; The page slides a certain distance bulk sms send to display the back to top button, click the back to top button, the page scrolls up and returns to the top of the page. 2. Preparation of page building components The two states of the top bar and the preparation of the sliding page, I prepared it by means of screenshots: Back to top button, bulk sms send the floating window displayed when the mouse moves into the button, name the combination "back to top-total": Add interactive events Put the two states of the top bar into state 1 and state 2 in the dynamic panel respectively, and name the dynamic panel statusBar; bulk sms send Add a mouse-in to the back-to-top button to display the "back-to-top" bubble: Add slide down and up pages, and switch the status bar at the top; First, fix the top status bar: Second, add interactivity to the window: Turn the "back to top-total" combination into a dynamic panel, name the dynamic panel "back to top-total panel", bulk sms send fix the display position of the dynamic panel.