ページ内は
(1)アコーディオンによる開閉(複数)
(2)Waypointによる固定表示
(3)スムーススクロールのついたアンカー
を実装する必要があり、
下記のコードで(1)(2)の実装をしています。
lang
1 var sticky; 2 $(".js_title").click(function(){ 3 if ($(this).hasClass("open")) { 4 //閉じる 5 $(this).removeClass("open"); 6 $(this).next().slideUp(); 7 } else { 8 //開く 9 $(this).addClass("open"); 10 $(this).next().slideDown(200, function(){ 11 sticky = null; 12 sticky = new Waypoint.Sticky({element: $(".sticky")[0], wrapper: '<div class="sticky-wrapper waypoint" />'}); 13 }); 14 } 15 });
(3)はこれまでjquery.page-scroller-309.jsを利用していました。
スムーススクロールの要件としては
・同ページのTOPへのアンカーに対してスムーススクロール
・同ページ指定した位置に対してスムーススクロール
・スムーススクロールを動作させない設定がリンク個別にできる
となります。
3つ目が重要だったので、このスクリプトを利用していたのですが
(1)と(2)の影響なのか、どうにも上手く動作しません。
・Waypointにスムーススクロールの機能があるのか
・自作で対応した方が良いのか
・別のプラグインを利用した方がいいのか
ご存知の方がいらっしゃったらご教示いただけますと幸いです。
あなたの回答
tips
プレビュー