aipage網(wǎng)站懸浮邊欄設計教程

網(wǎng)站懸浮邊欄是站點(diǎn)很常見(jiàn)的功能，一般會(huì )添加客服、反饋、微信公眾號等聯(lián)系方式方便用戶(hù)便捷操作。網(wǎng)站有兩種方式添加懸浮邊欄

1 內置懸浮邊欄

桌面端網(wǎng)站內置了2種內置邊欄效果，在頁(yè)面設置里開(kāi)啟即可

簡(jiǎn)約效果可以簡(jiǎn)單調整圖標尺寸與間隔，示例效果如下：

另外還有一種陰影效果主題，編輯懸浮項目替換自己想要的圖標后，可以生成如下效果：

如上兩種內置效果都支持懸停彈層內容的自定義，可以通過(guò)富文本任意編輯里面展示的內容。

2 自定義設計懸浮邊欄

自定義懸浮邊欄是通過(guò)自定義彈框來(lái)設計的，彈框屬于一種容器，里面的元素以及懸停交互可以任意自定義，彈層設置自定義位置及尺寸即可，需要注意彈框需要去掉背景浮層以及開(kāi)啟允許點(diǎn)擊其他區域，否則將干擾頁(yè)面的正常點(diǎn)擊。

彈框設置及樣式設置里可以編輯彈框容器位置、基本操作及背景樣式等

發(fā)布者：水橋丶帕露西