![]() This is an invisible element that doesn't appear to visitors in the browser. from the top of the page), we link using the hash character ( #) and the name of the destination anchor: While this default method is fully functional, there's a usability problem: clicking that link makes the user jump instantly to the bottom of the page. Because the user doesn't see any of the content between the link they clicked (at the top of the page) and the destination content (at the bottom of the page), they feel lost and the relationship between sections is destroyed. A clear representation of this relationship was the original reason for condensing the multiple sections into a single page, so we have a problem. The solution? To quickly and smoothly scroll the page to the destination content, but take a short time to do so. This time allows the user to see what content is being skipped over, giving her a clear sense of her current location. Often, sites have a small scroll to top link on some pages. ![]() When you click that link, the page quickly but smoothly scrolls to the top instead of instantly rocketing you there. The effect is aesthetically pleasing and ensures that you don't lose your bearings. ![]() Smooth scrolling vs instant jumping is the difference between using a baseball and a bullet to hit a close target. Both have the same effect – hitting the target.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |