アコーディオンで複数のコンテンツが隠れており、ボタンを押すとアコーディオンの開閉と共に画面スクロールし、且つfooter上でメニューが固定されます。
jQuery(function($){
$(window).on("scroll", function() {
scrollHeight = $(document).height();
scrollPosition = $(window).height() + $(window).scrollTop();
footHeight = $("footer").innerHeight();
if ( scrollHeight - scrollPosition <= footHeight ) {
$("#xyz").css({
"position":"absolute",
"bottom": footHeight + 0
});
} else {
$("#xyz").css({
"position":"fixed",
"bottom": "0"
});
}
});
});
・問題
コンテンツの高さが不足している場合(footerの頭が少し見えてる場合)、ボタンを押し、スクロールが開始すると共にメニューがチラつきます。(一瞬光る・消える)
※コンテンツの高さが十分な場合は問題ありません。
※モバイルなど縦長であれば問題ありません。
※MacBook Proの13インチの場合
・質問
PC時のコンテンツの高さを変える以外で、jsの変更等で改善・対応は可能でしょうか?
もしご存知の方おられましたら、落ちら添えいただけますと幸いです。
何卒よろしくお願い申し上げます。
あなたの回答
tips
プレビュー