BOOK Studio947
狩野祐東・狩野さやか著書

返信先: ナビゲーション固定後の、ページ内リンクのずれについて。

トップページ 書籍 Q&A 作りながら学ぶjQueryデザインの教科書:Q&A ナビゲーション固定後の、ページ内リンクのずれについて。 返信先: ナビゲーション固定後の、ページ内リンクのずれについて。

#1402
狩野 祐東
キーマスター

ご質問の件について回答させていただきます。

①については、本書の内容を越えるので詳しいお答えは差し控えさせていただきますが、2つほど解決策が考えられます。
1つは、CSS(またはjQuery)でフッターのほうがサイドバーより上に重なるようにできるのではないか、ということ
もう1つは、スクロール位置に領域を定め、サイドバーを上に固定すると同時に、一定以上スクロールされたら下で固定するよう、スクリプトを変更することが可能だと思います。ちょっとチャレンジが必要かもしれません。

②この前たまたま発見したのですが、現バージョンのSafariはaタグのCSSの継承がすこしおかしいようで、親要素のcolorプロパティが継承されてしまうことがあるようです(特定の状況でそうなるのか、常にそうなるかは調べていません)。CSSの仕様上は継承されないのが正しいです。それと関係あるような気がするので、aの通常状態、hover状態などに直接CSSを適用してみてもらえますか?

③これも本書の内容を越えるので詳しいお答えはできませんが、サイドバーか、その画像ボタンのどちらかにパディングが設定されていて、見た目にはわかりませんが片方を覆い隠しているか、スクリプトのどこかで画像ボタンのclickイベントをキャンセルしているか、などの原因が考えられます。その辺りを重点的に調べてみてはいかがでしょうか。