前提・実現したいこと
シンプルなHTMLコーディングによるサイトを制作しています。
「colorbox」というjQueryを使ってポップアップを実装しているのですが、表示したポップアップ内の情報量が多くなってしまいました。
ポップアップ内の構造としては以下の通りです。
【1】タイトルテキスト 文章文章文章文章文章文章文章文章文章 【2】タイトルテキスト 文章文章文章文章文章文章文章文章文章 【3】タイトルテキスト 文章文章文章文章文章文章文章文章文章
ポップアップを開くとき、通常は、「1つのリンク=1つのポップアップ」だと思いますが、ポップアップ内にアンカーリンクを設けて、ポップアップを開きつつ特定の場所に誘導するということは可能でしょうか?
例えば、
1. 「コンテンツ1」というリンクをクリック → ポップアップが開き、【1】が一番上に表示される
2. 「コンテンツ2」というリンクをクリック → ポップアップが開き、【2】が一番上に表示される
3. 「コンテンツ2」というリンクをクリック → ポップアップが開き、【3】が一番上に表示される
html
1<div> 2 <p class="more"><a href="#inline_content1" class="inline">コンテンツ1</a></p> 3 <p class="more"><a href="#inline_content1" class="inline">コンテンツ2</a></p> 4 <p class="more"><a href="#inline_content1" class="inline">コンテンツ3</a></p> 5</div> 6 7<div style="display:none"> 8 <div id="inline_content1"> 9 <p>【1】タイトルテキスト</p> 10 <p>文章文章文章文章文章文章文章文章文章</p> 11 <p>【2】タイトルテキスト</p> 12 <p>文章文章文章文章文章文章文章文章文章</p> 13 <p>【2】タイトルテキスト</p> 14 <p>文章文章文章文章文章文章文章文章文章</p> 15 </div> 16</div>
そもそも、情報量が多いコンテンツにポップアップを使うなという話なのですが…もし実現可能でしたらご教示いただければ幸いです。
どうぞ、宜しくお願い致します。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。