jQueryプラグインMeanMenuのページ内リンク

Question

jQueryのプラグイン「MeanMenu」を使ってスマホ用メニューを作成中です。
縦長のページにメニューを設置し、ページ内リンクを貼っています。

ページ内を遷移させたいので、Javascriptファイルを

onePage:true

と変更しましたが、リンク先の表示位置がずれてしまいます。
（パソコン画面では問題ございませんが、iPhone6sではズレて表示されます）

問題のページは以下の通りです。
http://www.rakuten.ne.jp/gold/kado-select/sp/demo.html
※画面サイズ480px以下ではメニューがアコーディオン型になります。

どのように変更したら良いかご教示下さい。

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS/JavaScriptなど）か、再現するURLを提示されたほうが回答を得やすいと思います。

[退会済みユーザー]

ご連絡ありがとうございます。問題のページURLを追記いたしました。宜しくお願い致します。

Answer 1

とりあえず「位置のずれ」はメニューがコンテンツを押し下げてしまうことが原因なので、浮かしてしまうとかどうでしょう。

@media screen and (max-width: 480px)  {
	body.mean-container {
		padding-top: 52px;
	}
	body.mean-container .mean-bar {
		position: absolute;
		top: 0;
	}
}

Comments

[退会済みユーザー]

お返事が遅くなり申し訳ございません。
なるほど！実現したい形になりました。
大変助かりました。ありがとうございました。