客製化網頁設計在html 連結 錨點語法 id 慢慢滾動

客製化網頁設計在html 連結 錨點語法 id  慢慢滾動

文章目錄

  1. 頁面錨點語法

許多公司及大家最喜愛的客製化網頁設計,基隆網頁設計,台北網路行銷網站設計,關鍵字廣告,基隆電商電子商務網站,台北電商電子商務網站 ,基隆網頁設計,台北網站設計,google關鍵字廣告,網頁設計課程,專業的網頁設計團隊,多年的網頁設計經驗,提供各種主題風格的網頁設計。 基隆台北GOOGLE關鍵字廣告 台北基隆GOOGLE關鍵字廣告台北基隆網頁設計費用基隆台北網頁設計費用台北網頁設計價格台北客製化網站網頁設計價格基隆網頁設計費用基隆客製化網站網頁設計費用

客製化網頁設計,基隆網頁設計,台北網路行銷網站設計,關鍵字廣告,基隆電商電子商務網站,台北電商電子商務網站 ,基隆網頁設計,台北網站設計,google關鍵字廣告,網頁設計課程

首先,html的頁面錨點,就是只在同一個頁面,點擊連結,會滾動到上下方的位置,

如以下

頁面錨點語法

譬如我該頁面下方的留言位置,

設定的語法是

  1. <a name="commentform" id="commentform"></a>   

這裡面有一段是 id="commentform" 那我設定一個連結是

  1. <a href="#commentform">移動到留言區域</a>   

如底下按鈕 移動到留言區域 html語法

  1. <a href="#commentform">移動到留言區域</a>   

css語法

  1. html {   
  2.   scroll-behavior: smooth;   
  3. }   
  4.   
  5. :root {   
  6.   scroll-padding-top30px;   
  7. }   

評論 (0)

此處尚未發表評論

留言

  1. 以遊客身份發表評論。 註冊登入到您的帳戶。
附件 (0 / 3)
分享您的位置