固定されたボトムページでクリックすると、ボトム(以前は非表示)からスライドします。フッターを下から上にスライドさせても、クリックが有効になっていない
私はスライドバーを作っていますが、バーをクリックするとボタンを押したままにしておく必要があります。どのようにクリックしてアクティブにしてからどこでもクリックしてくださいそれは戻ってくるだろう。
純粋なCSSであれば可能です。
#slideout p {
text-align:center;
}
#slideout {
position:fixed;
bottom: 0px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
width:100%;
background:#555;
height:60px;
}
#slideout_inner {
bottom:-100px;
position: fixed;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
background:#333;
color:#fff;
}
#slideout:active{
bottom: 300px;
}
#slideout:active #slideout_inner {
bottom: 150px;
position:fixed;
}
<div id="slideout">
<p>TEXT</p>
<div id="slideout_inner">
[form code goes here]
</div>
</div>
私は探していた正確にありがとうございます。バーがどこでも上のようにバーの外側をクリックしてもボックスが閉じられる可能性はありますか? – SloZiga
あなたはそれのためにJSを使わなければならないと思います... – kukkuz