ページ内リンク

359 views
  1. コメントする
  2. 記事検索
  3. 更新
  4. 凍結

0
 Chrome 2018/08/22 11:52
ページ内リンクのスムーズスクロールについて、head内に

<script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
<!-- スムーズスクロール -->
<script>
$(function(){
$('a[href^="#"]').click(function() {
var speed = 400; // スクロールスピード(ミリ秒)
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
</script>
<!-- スムーズスクロール -->

を記述していますが全く効きません。

自分なりに調べてみましたが、href^=#とhref^="#"の記事しか見つかりませんでした。
jQueryのバージョンを変えてみましたが、それでもダメでした。

お手上げ状態なのでどなたか知恵を貸して頂けると助かります。

残り999件書き込み可

0ページ中1ページ目

Back to Top