aタグ の#クリック時のアニメーション
- 公開日:
- 更新日:
- 文字数:730文字
velocityを使用の場合
<script>
$(function () {
//scroll
$('a[href^=#]').click(function () {
var href = $(this).attr("href"),
target = $(href === "#" || href === "" ? 'html' : href);
target.velocity("scroll", { duration: 1200, easing: "ease", offset: -80 });
return false;
});
});
</script>
$(function(){
// #で始まる出発地点をクリックした場合に処理を実行
$(function(){
$('a[href^=#]').click(function() {
// 出発地点の値を取得
var href= $(this).attr("href");
// 到着地点を取得
var target = $(href == "#" || href == "" ? 'html' : href);
// 到着地点を数値で取得
var position = target.offset().top;
// スムーススクロール
$('body,html').animate({scrollTop:position}, 400, 'swing');
return false;
});
});
