HTML5 Bookmark implements Anchor point effect

Source: Internet
Author: User
Keywords Realize HTML5 remember

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Remember the first time I used the anchor point is when I just used DW, at that time, in the DW with the view of the anchor point to click, the page will receive you to position, feel really magical. However, technology development to today, in HTML5, we need very comfortable to switch, the previous point to achieve the destination effect, we have not satisfied.

So, we need to provide a script, this script bookmarkscroll, from the name we can determine one thing, this thing is like a scroll bar, and indeed, it achieves the same effect as a scroll bar. Script everyone interested in downloading the research. Let's focus on how it is used.

  

From the code above, we can see that IDs are still needed. Just, before in the anchor point we used the #, today changed to Crollto, the button above, the page will scroll like a scroll to your location div, feel very comfortable ...

On the application of this code, we also need to note that we have to position the navigation at the top of the browser, otherwise, the user to navigate to the following, but also through the scroll bar returned, it is unfriendly.

Here's a screenshot of the results I've created:

  

Below I provide the source file, welcome the friend who needs to download uses:

Preview Address: http://www.163css.net/net163/cssjs/2012/05/bookmark/index.html

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.