リンク先の位置調整
ページ内リンクの実装でコメントの日付にリンクをつけた。 ここで問題になるのが、ジャンプ後の位置。
reply3の日付リンクをクリックすると、コメントが固定表示されているフッダーと若干被ってしまう。
それを直すために、SCSSファイルに
_comment_growi.scss.growi{ //...省略... .page-comment { position: relative; padding-top: 70px; margin-top: -70px; //...省略... }
を指定。
すると、reply 3のコメントが綺麗に表示されるように!
paddingとmarginのサイズを調整することで、リンク先が綺麗に表示されるようにすることができる。