用建站寶盒V9在HTML5網(wǎng)頁中設(shè)置錨點(diǎn)定位的簡單方法

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

錨點(diǎn)是在網(wǎng)頁頁面內(nèi)部的一種定位方式，網(wǎng)頁太長，用戶要找某個(gè)內(nèi)容需要來回滾動(dòng)頁面，浪費(fèi)很多時(shí)間。在平常的電商網(wǎng)站中，我們也很容易發(fā)現(xiàn)錨點(diǎn)定位的身影，比如美團(tuán)：

天貓商城也有：

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

這樣的：

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

具體操作步驟：

①基礎(chǔ)模塊>排版布局中點(diǎn)擊空白背景，將其拖動(dòng)到區(qū)域中。

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

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

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

⑤若選擇滾動(dòng)到模塊位置，建議先對(duì)區(qū)域模塊進(jìn)行命名，便于區(qū)分。

效果展示：

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

建站寶盒V9免費(fèi)體驗(yàn)：http://m.alapot.com/special/v9special/index.php?s=yuqiuping

V9上線發(fā)布會(huì)免費(fèi)報(bào)名進(jìn)行時(shí)，三小時(shí)讓你全面了解建站寶盒V9，還有驚喜互動(dòng)送大禮！我們2月22日騰訊課堂直播間不見不散！

立即報(bào)名：http://m.alapot.com/video/?s=yuqiuping