私のサイトhttp://www.iancockram.comは 1 ページのポートフォリオです。私が解決しようとしている問題は、アクティブなメニュー ボタンを強調表示したいということです。
私はそれを設定しようとしましたが、決して機能させることはできません..
**JQUERY**
//scrollTo
$(document).ready(function(){
$('nav ul li a').click(function(){
var el = $(this).attr('href');
var elWrapped = $(el);
scrollToDiv(elWrapped, 86);
return false;
});
function scrollToDiv(element,navheight){
var offset = element.offset();
var offsetTop = offset.top;
var totalScroll = offsetTop-navheight;
$('body,html').animate({
scrollTop: totalScroll
}, 500);
}
});//scrollTo end
**HTML**
<nav>
<ul id="top-menu">
<div id="logo"><img src="furniture/logo.png" width="242" height="90" alt="iancockram.com" title="iancockram.com"></div>
<li class="button"> <span class="menutext"><a href="#contact">Contact</a></span></li>
<li class="button"> <span class="menutext"><a href="#extra">Extra</a></span></li>
<li class="button"> <span class="menutext"><a href="#portfolio">Portfolio</a></span></li>
<li class="button"> <span class="menutext"><a href="#about">About</a></span></li>
</ul>
}