ページの一番下までスクロールするまで、ユーザーには見えないようにしたいフッターがあります。私はCSSですべてをやろうとしており、JSを使用してCSSトランジションを実行するクラスを適用していますが、問題はフッターにいくつかのアンカー<a></a>
が含まれているため、不透明度を使用するだけの元の方法では、ユーザーがリンクしてクリックする前に。
これにより、必要なときにのみ DOM が表示されるようにjQuery を追加する$('.footer').hide()
ことになりました。$('.footer').show()
ただし、これを行うと、発生するはずだった CSS 遷移が壊れたようです (不透明度 0 から 0.8 へのアニメーションではなく、即座に遷移します)。
DOM を完全に非表示にできるが、DOM を介して利用可能になったらすぐに CSS トランジションを使用できることを知っているソリューションはあります$.show()
か?
これは、 DaemonDeveloper.comで確認できます。
「なぜ」セクションに移動して観察してください。最初の CSS トランジションは壊れていますが、ボタンを表示する 2 番目のトランジションは問題なく動作します。