開淘寶店裝修時很重要的,店鋪有些效果不容易做出來,我們都知道淘寶官方把fixed屬性屏蔽了,現(xiàn)在沒辦法使用懸浮效果了。只能通過購買模塊或者其他方法來實(shí)現(xiàn)。那么下面給大家講解一種簡單的懸浮方法,以及相應(yīng)的優(yōu)缺點(diǎn)。希望能為大家店鋪裝修帶來一點(diǎn)幫助!
1、優(yōu)點(diǎn):無需調(diào)用官方一些懸浮的CSS來實(shí)現(xiàn),也不需要擔(dān)心會失效,可以說會永久使用。
2、缺點(diǎn):當(dāng)然既然不是直接寫fiexd屬性實(shí)現(xiàn),那肯定有自己的缺陷,就是只能實(shí)現(xiàn)單個懸浮鏈接,如果想實(shí)現(xiàn)很多分類的鏈接,那就需要其他方法來破解了。
下面是代碼:
1.<!--懸浮鏈接-->
2. <div class="footer-more-trigger miser-fiexd" style="border:0px; padding:0px; width:190px; height:auto; ;top:0px; left:auto;">
3. <a href="#" target="_blank">
4. <div class="sn-simple-logo most-footer"
style="border:0;padding:0;opacity:1;width:140px;height:9999999px;left:385px;top:110px;border:none;padding:0;overflow:hidden;background:none;"> </div>
5. </a>
6. </div>
7. <!--懸浮鏈接結(jié)束-->
下面是懸浮使用方法:
1、可以通過自定義模塊背景固定或者直接通過固定背景代碼,在頁面背景先做出一個懸浮的圖片
2、然后將這段代碼放進(jìn)任意一個自定義模塊里面,通過調(diào)整參數(shù)來控制鏈接的位置
<!--懸浮鏈接-->
<div class="footer-more-trigger miser-fiexd" style="border:0px; padding:0px; width:190px; height:auto; ;top:0px; left:auto;">
<a href="#" target="_blank">
<div class="sn-simple-logo most-footer" style="border:0;padding:0;opacity:1;width:140px;height:9999999px;left:385px;top:110px;border:none;padding:0;overflow:hidden;background:none;"> </div>
</a>
</div>
<!--懸浮鏈接結(jié)束-->
有其他寬度需要改的可以在代碼里面進(jìn)行改動,希望能給大家?guī)韼椭?/p>
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則