URLにアンカーリンク#が残らないようにしたい
Q&A
Closed
解決したいこと
ここに解決したい内容を記載してください。
URLにアンカーリンクが残らないようにしたい。
色々やってみて、デスクトップでは出来て、サーバーにアップロードすると出来なくなってしまうことはわかったのですが、どうしても原因がわかりません。初歩的なことですみませんが、よろしくお願いします。
html
<nav class="site-header">
<ul>
<li><a href="#top">TOP</a></li>
<li><a href="#price">料金</a></li>
<li><a href="#room">お部屋情報</a></li>
<li><a href="#news">ニュース</a></li>
<li><a href="#access">アクセス</a></li>
</ul>
</nav>
jquery
$(function(){
$('a[href^=#]').click(function() {
var position = 0;
var href= $(this).attr("href");
if(href.indexOf('#') >= 0 && $(href).size() && href != '' && href != '#'){
var target = $(href);
try{
position = target.offset().top;
}catch(e){
}
}
var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
var speed = Math.ceil(Math.pow(Math.abs((position - scrollY)), 0.7));
if(speed){
$('body, html').animate({scrollTop:position}, speed, 'swing');
}
return false;
});
});
0 likes
