私は自分の個人サイトのアクティブ ナビゲーション インジケーターの矢印についていくつかの作業を行っています: http://staging.rjlacount.com
問題: ナビゲーション インジケーターの矢印は、ページの読み込み時にアクティブなアイテムの下の中央に表示されませんが、ウィンドウのサイズが変更されると表示されます。
矢印を中央に配置するために使用しているコード ( http://staging.rjlacount.com/js/functions.jsの 80 行目から) は次のとおりです。
var $arrowOffset = 8;
var navArrowCenter = function() {
var $current_page_item = $(".current_page_item a");
$arrow
.css("left", $current_page_item.position().left + ( ($current_page_item.width() / 2) - $arrowOffset) );
};
$wind.resize(function() {
navArrowCenter();
});
$wind.load(function() {
navArrowCenter();
});
jQueryが要素の幅を適切にレンダリングできない原因になっていると仮定して、読み込み時のページフェード機能を削除しようとしましたが、それは問題にまったく影響を与えていないようです.
正しい方向のポイントは大歓迎です。
ありがとう!