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

成都創新互聯公司主要從事網站制作、成都網站設計、網頁設計、企業做網站、公司建網站等業務。立足成都服務南豐,10年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:028-86922220

最簡單的一種：

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

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

<h3>目錄</h3>

<ul>

<li>

<a href="#toc0" class="aaa">點擊文字跳轉</a>

<!--herf的值一定要帶#號，并且要和相對應要跳轉的值一致-->

</li>

</ul>

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

<a name="toc0" class="aaa1">文字跳轉到這里</a>

<!--這里的a標簽可以用name也可以用id-->

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

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

</div>

</div>

第二種方法是根據animate的方法來移動

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

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

例子：

// 在一個動畫中同時應用三種類型的效果

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

$（"#block"）。animate（{

width: "90%",

height: "100%",

fontSize: "10em", //駝峰

borderWidth: 10

}, 1000 ）;

}）;

將上面的html中的a標簽去掉#toc0

js代碼

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

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

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

return false;

}）

以上是“html怎么點擊跳轉到頁面指定位置”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

網站欄目：html怎么點擊跳轉到頁面指定位置
瀏覽地址：http://www.yijiale78.com/article10/ghdcdo.html

成都網站建設公司_創新互聯，為您提供品牌網站制作、營銷型網站建設、網站建設、全網營銷推廣、小程序開發、手機網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯