このモジュールのユーザーメニューのドロップダウンの位置を再計算する方法を誰かが知っているかどうか尋ねたいと思います。モジュールは、クリックするとドロップダウンでユーザーパネルを開くように機能します。
私たちのウェブサイトでは、これを右下に配置したため、ゲストからはログインが見えにくくなっています。ただし、ドロップダウンがフッターよりも下にドロップするため、これは少しばかげて機能し、高さが増加しても背景色が表示されます。
要素autoは、ページの大きさに応じて上部を計算するため、常に「ねえ、ユーザー名」リンクの下に配置されます。これを、下の代わりに「ねえ、ユーザー名」リンクの上にあるように計算させたいのですが。もちろん、ドロップダウンがリンクの下ではなく上にあるので少し変に見えますが、うまくいくと思います。
何か案は?
私が達成したいことのスクリーンショット:
ここにいくつかのアイデアがあります。好みに応じて、結果は異なります。
これをCSSに追加して、ボックスを画面の中央に配置します。
#plusl-content-login {
position: fixed!important;
top: 50%!important;
left: 50%!important;
transform: translate(-50%, -50%);
}
(Chrome開発者ツールでのみテスト済み)このjQueryコードをファイルJOOMLAROOT/templates/j51_polaris/index.php
のどこかに追加してみることができます(</body>
の右下付近が正常に機能するはずです):
<script>
jQuery(document).ready(function() {
var logintop = jQuery( ".plusl-content-block" ).css( "top" );
jQuery(".plusl-content-block").css( "top",parseInt(logintop, 10) - 350 + "px" );
});
</script>
これは基本的に、ログインボックスを元の位置から350px(デフォルトの高さ)上に移動します。