用建站寶盒V9在HTML5網頁中設置錨點定位的簡單方法

說到網頁錨點定位，可能很多用戶聽不懂。通俗的解釋就是：如果你要做一個很長的網頁，我們希望用戶可以通過一個小工具快速直達當前頁面的某一個位置，要跳轉到這個位置，我們就叫做錨點。

錨點是在網頁頁面內部的一種定位方式，網頁太長，用戶要找某個內容需要來回滾動頁面，浪費很多時間。在平常的電商網站中，我們也很容易發現錨點定位的身影，比如美團：

天貓商城也有：

通常，在HTML網頁下，要設置定位需要增加一系列代碼，雖然代碼不算太復雜，但對于不懂編程的人來說，實現起來比較困難。有沒有快速設置網頁錨點定位的方法呢？建站小白有福啦，不用代碼，不用基礎，一個建站寶盒V9五步就能搞定你想要的效果，像下面這樣的：

這樣的：

講步驟之前先給大家說說空白模塊，這是新版寶盒新增的一個模塊，可用于襯托其他模塊，不限于文字、圖片、區域，在對模塊元素進行錨點設置和分層動畫演示的時候更為方便。下面我們會用空白模塊進行錨點定位。

具體操作步驟：

①基礎模塊>排版布局中點擊空白背景，將其拖動到區域中。

②選中空白背景模塊，右鍵>設置屬性>樣式，設置空白模塊的背景、邊框等樣式。

③在模塊中插入文本模塊，生成以下效果。

④選擇文字右擊，在屬性框中選擇“全局”，找到鼠標觸發事件，選擇需要的觸發效果。

⑤若選擇滾動到模塊位置，建議先對區域模塊進行命名，便于區分。

效果展示：

以后要想實現錨點定位，不用苦苦鉆研程序啦，用建站寶盒V9就能一步到位！除了錨點定位，建站寶盒V9還新增了很多新功能，全部零代碼拖拽操作，人人都能做H5響應式網站，懶人建站必備！

建站寶盒V9免費體驗：http://www.iisp.com/special/v9special/index.php?s=yuqiuping

V9上線發布會免費報名進行時，三小時讓你全面了解建站寶盒V9，還有驚喜互動送大禮！我們2月22日騰訊課堂直播間不見不散！

立即報名：http://www.iisp.com/video/?s=yuqiuping