スムーススクロールをJSで以下の様に記載し実装したのですが、既存のTABページのアンカーと干渉してしまうため、特定のCLASSが付与されていた場合というNOT判定をつけたのですが、対象のTABリンクのCLASSにnon-scrollを追加しても、TABが切り替らず何が間違っているのか分かりません。
※スムーススクロール自体は可能なのですが、例外処理で躓いております。
<script> jQuery(function(){ jQuery('a[href^="#"]' + 'a:not(.non-scroll)').click(function () { var speed = 400; var href= jQuery(this).attr("href"); var target = jQuery(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; jQuery('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); }); </script>
基本的なことで恐縮ですがアドバイスいただけると助かります。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/28 04:22
2016/10/28 05:47
2016/10/28 06:05