How to click html to jump to the specified location on the page
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!
