前提・実現したいこと
mixitup.js を使って、ページ内の主要コンテンツを切り替えられるようにしています。(Aページとします)
(mixitupは表示するパーツをclassで指定できるJS)
トップページにも切替ボタンを配置する必要があったため、トップの切り替えリンクに#タグを追加、
Aページにはトップのリンククリックでmixitupを発火させるために下記を追加しています。
$(function(){ $('#mixitup').mixItUp(); var hash = window.location.hash.replace(/^#/,""); if(hash){ $("[data-filter='.%s']".replace("%s", hash)).trigger('click'); } });
ここまでは良かったのですが、実際にAページにジャンプした際に、
Aページに配置しているヘッダーエリアが長いため、下部の実際に切り替えている
場所が見えないということから、トップページからAページにジャンプし、且つ、切替要素の1つ目まで
スクロール(ジャンプ)させてほしいと言われています。
mixitup自体はできれば改変せず、
上記JSを改修し、切り替えられた要素位置までジャンプさせる方法はないでしょうか?
※Aページでのコンテンツ切り替え時に該当箇所へスクロールでも構わないですし、
上記に何かを追加して、トップページからのリンク時のみスクロールでも良いです。
※Aページの配置
[ヘッダー] [パンくず・ページ見出しなど] //メインコンテンツここから 【切替リンク1】【切替リンク2】【切替リンク3】 【切替リンク4】【切替リンク5】【切替リンク6】 【切替リンク7】【切替リンク8】【切替リンク9】 <見出し見出し見出し>(※ここにジャンプさせたい) [切替要素1・3][切替要素1・2・6][切替要素3] [切替要素2・5][切替要素1・4・5][切替要素2・3]・・・
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー