Shulou(Shulou.com)06/01 Report--

This article mainly shows you the "html how to click to jump to the designated location of the page", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "html how to click to jump to the specified location of the page" this article.

The simplest one:

Just set the anchor point of the a tag, but there is a certain link that will change, which is not good for refreshing.

Catalogue

Click on the text to jump

The text jumps here.

Mood leave

Mood leave

The second method is to move according to animate's method.

Animate (params, [duration], [easing], [callback])

To create a custom animation, note: all specified attributes must be in camel form, such as using marginLeft instead of margin-left.

Example:

/ / apply three types of effects in an animation at the same time

$("# go") Click (function () {

$("# block") Animate ({

Width: "90%"

Height: 100%

FontSize: "10em" / / Hump

BorderWidth: 10

}, 1000)

})

Remove the a tag from the above html # toc0

Js code

$(".aaa"). Click (function () {

$('html,body'). Animate ({

ScrollTop:$ (".aaa1"). Offset (). Top}, {duration:500,easing:'swing'})

Return false

})

The above is all the contents of the article "how to click html to jump to the specified location on the page". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.