2017-02-25 24 views
0

モバイル対応のオフスクリーンメニューに変換するレスポンシブなナビゲーションがあります。それにはアンカーリンクしかありません。デスクトップ上では完全に動作しますが、メニューがモバイル版に変更された場合、リンクをクリックしてもページは正しい位置に移動しません。モバイルアンカーリンクはデスクトップでは動作しますが、モバイルでは動作しません。

メニューの表示と非表示にはjavascriptが使用されています。私はクリックしたときにクロムのコンソールにエラーが表示されません。

モバイルとデスクトップの違いのため、2つの同様のHTMLブロックがあります.1つはクラス「デスクトップ」、もう1つはクラス「モバイル」です。これらはメディアクエリに基づいて表示/非表示されます。それらのセクションには同じIDがありますが、navは常に「モバイル」セクションではなく「デスクトップ」セクションを検索しようとしていますか?

working site

答えて

0

私の考えは正しかったです。 「デスクトップ」コードは非表示になっていますが、ナビゲーションはまだモバイル上でそれを指し示しているため、ページがスクロールしないようです。

関連する問題