はじめまして、質問させて下さい。
Webサイトをコーディングしています。
boxの高さを揃えてfloatさせても崩れないjQueryプラグインを使っています。
使っているプラグインはmatchHeight.jsです
https://github.com/liabru/jquery-match-height
このjsを使っているページにアンカーリンクをすると、意図したところに移動してくれません。
たぶんアンカーリンク先に飛んだあとに高さを揃えてしまうからずれてしまうのだと思いますが、対処法がわかりません。
知恵を貸していただけないでしょうか
よろしくお願いします
みんなの回答 3 件
JSで高さを揃えた後アンカーへ移動させる
もっともよい解決方法は、そのjQueryプラグインを使わないことだな。
今の時代、見た目に関わることはほとんどCSSだけで解決できるから、JSを使わないに越したことはない。ページのパフォーマンスも上がる。
それができないなら、そのjQueryプラグインが実行した後に、もう一度、JSからリンク先に移動させるというまどろっこしい記述をしないと、たぶん期待通りにはならない。そのプラグインを使うことによって、本来ブラウザが持っている機能を殺してしまうわけだから、ブラウザが担保していたその機能を自分で実装しないといけないという本末転倒な結果になるわけだ。
同一ページ内なら、アンカーリンクもブラウザ任せにしないでJSで処理する。別ページから飛んできた後なら対処しようがない。
関連するトピックス