html怎么點擊跳轉(zhuǎn)到頁面指定位置

這篇文章主要為大家展示了“html怎么點擊跳轉(zhuǎn)到頁面指定位置”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“html怎么點擊跳轉(zhuǎn)到頁面指定位置”這篇文章吧。

　　最簡單的一種：

　　設(shè)置a標(biāo)簽的錨點就行啦，但是有個確定鏈接會更改，不利于刷新

　　<div class="skip" id="skip">

　　<h3>目錄</h3>

　　<ul>

　　<li>

　　<a href="#toc0" class="aaa">點擊文字跳轉(zhuǎn)</a>

　　<!--herf的值一定要帶#號，并且要和相對應(yīng)要跳轉(zhuǎn)的值一致-->

　　</li>

　　</ul>

　　<div class="chapter" style="margin-top: 850px;">

　　<a name="toc0" class="aaa1">文字跳轉(zhuǎn)到這里</a>

　　<!--這里的a標(biāo)簽可以用name也可以用id-->

　　<p>心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假

　　心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假</p>

　　</div>

　　</div>

　　第二種方法是根據(jù)animate的方法來移動

　　animate（params, [duration], [easing], [callback]）

　　創(chuàng)建自定義動畫，注意：所有指定的屬性必須用駱駝形式，比如用marginLeft代替margin-left.

　　例子：

　　// 在一個動畫中同時應(yīng)用三種類型的效果

　　$（"#go"）。click（function（）{

　　$（"#block"）。animate（{

　　width: "90%",

　　height: "100%",

　　fontSize: "10em", //駝峰

　　borderWidth: 10

　　}, 1000 ）;

　　}）;

　　將上面的html中的a標(biāo)簽去掉#toc0

　　js代碼

　　$（".aaa"）。click（function （） {

　　$（'html,body'）。animate（{

　　scrollTop:$（".aaa1"）。offset（）。top},{duration:500,easing:'swing'}）;

　　return false;

　　}）

以上是“html怎么點擊跳轉(zhuǎn)到頁面指定位置”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！