在網頁設計中，sticky footers設計是最古老和最常見的效果之一，大多數人都曾經經歷過。它可以概括如下：如果頁面內容不夠長的時候，頁尾塊貼上在視窗底部；如果內容足夠長時，頁尾塊會被內容向下推。
我們來看一下效果圖：
可以看到不管怎樣，關閉按鈕，頁面內容不夠的時候， 關閉按鈕 在頁面底部。頁面內容夠長時， 關閉按鈕 在內容的最下面，滾到最下面才能看到。
它不是 fixed 在螢幕的底部的，從第二張就可以看出來。
那麼，是怎樣做的呢？
v-show="detailshow"
class="detail">
class="detail-main">
}p>
}p>
}p>
}p>
}p>
}p>
}p>
}p>
div>
div>
class="detail-close">
class="icon-close">
i>
div>
div>
樣式如下：
.detail
position: fixed
z-index: 100
top: 0
left: 0
width: 100
% height: 100
% overflow: auto
background: rgba(7, 17, 27, 0.8)
min-height: 100
%.detail-main
margin-top: 64px
padding-bottom: 64px
.detail-close
position: relative
width: 32px
height: 32px
margin: -
64px auto 0 auto
clear: both
font-size: 32px
.clearfix
display: inline-block
&:after
display: block
content: "."
height: 0
line-height: 0
clear: both
visibility: hidden
萬能密碼 php,PHP萬能密碼
說實話如果乙個 的前台都是注入漏洞，那麼憑經驗，萬能密碼進後台的機率基本上是百分之百。可是有的人說對php的站如果是gpc魔術轉換開啟，就會對特殊符號轉義，就徹底杜絕了php注入。其實說這話的人沒有好好想過，更沒有嘗試過用萬能密碼進php的後台。其實gpc魔術轉換是否開啟對用萬能密碼進後台一點影響也...
mysql萬能 Mysql的萬能優化方法
在命令列執行 1.檢視優化器狀態 show variable like optimizer trace 2.會話級別臨時開啟 set session optimizer trace enabled on end markers in json on 3.設定優化器追蹤的記憶體大小 set optim...
萬能的應用商店 WiFi萬能助手
許可權列表 wifi萬能助手 獲取定位 允許應用通過網路或衛星對裝置進行定位 獲取額外的位置資訊提供程式命令 獲取額外的位置資訊提供程式命令。惡意應用程式可藉此干擾 gps 或其他位置源的正常工作。檢視網路狀態 允許應用程式檢視所有網路的狀態。開關wlan 允許應用開啟或關閉wlan 作為帳戶身份驗...