This report will written on the active hyperlink function in parallax, single page website.
I used the logo, menu bar and rectangle background as the header of the site. I made them all pinned at top of the browser. Then I created the demo content page of the site by naming ONE, TWO, THREE and FOUR to separate the site's pages. Since this is single page website, after I dragged in the menu bar from the widgets library, it is blank without menu's name. So I need to change the Menu Type to Manual to type in the page's names myself. I added in the other three menu tabs by clicking on the arrows aside the previous menu tab. After that, I setted up different colour for the actives hyperlink design on the menus. Besides, I also need to inserted link anchor to separate the pages of menu. I did not place the anchor right into the content, but placed it before the content of page. The reason is to make convenient to the active menu tabs. For example, when the users scrolled down to the TWO's content, then the TWO menu will straight away become active mode, but not wait until the users scrolled to the centre of TWO, the TWO menu just become highlighted.
The video below will showing the go-through of this exploration.
No comments:
Post a Comment