おそらくばかげた質問ですが、URL から選択された CSS ID を取得する方法はありますか? たとえば、次のような URL で:
www.website.com#adiv
#adiv
Javascript/jQuery を使用するには?
編集
これまでの私のスクリプト:
$(document).ready(function() {
var c = window.location.hash;
$(c).addClass('current');
$('a').click(function (){
$('.current').removeClass('current');
$(this).addClass('current');
});
});
HTML:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Title</title>
<link rel="stylesheet" href="style.css">
<script src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var c = window.location.hash;
$(c).addClass('current');
$('a').click(function () {
$('.current').removeClass('current');
$(this).addClass('current');
});
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
</script>
</head>
<body>
<nav>
<a href="#header">First</a>
<a href="#second">Second</a>
</nav>
<section id="header">
...
</section>
<section id="history">
...
</section>
</body>
</html>