追従するモーダル目次&ピュアモーダルJS改修のご依頼

【問題点】
➀追従するモーダル目次の展開中(表示中)背景を固定できず、不用意な操作で「背景」がズレてしまう(スクロール)
➁ピュアモーダルと、追従するモーダル目次のJS干渉に伴い「特定条件下」で「機能不全」の発生。
⇒ピュアモーダルの展開で「追従する目次の展開ボタン」が表示されてしまう(黒い背景の表にきてしまう)※補足画像あり
Scroll
                   【ご依頼】
問題点➀➁の解消を目的とした、対策(JS改修)をお願いします。 【問題点➀背景固定の補足】
本ページ「ピュアモーダル」の動きが、仕様要望を満たしています。
★「制作実績」欄のモーダルと同様の動き。 【動作確認】
当ページで、正常動作するようお願いします。

ピュアモーダルウィンドウ(ポップアップ)

モーダルウィンドウ モーダルウィンドウ モーダルウィンドウ

モーダルウィンドウ

【目的】
合理化。

【狙い】
サイトの省スペース。

【使いどころ】
コンテンツを「集中」して見て欲しい場合に、使用することが多い。※容易に閉じれる仕組みにしておかないと、読者にとっては大迷惑!


デザイン:リンクテキスト風(画像と補足内包)

通称:モーダル。またの名を「ポップアップ」闇が深い。Webエンジニア泣かせ..。
それはさておき、モーダル起動スイッチは「リンクテキスト風」 たぶん、1番使いやすい。

基本の型➀

画像:コンテナ幅100%/テキストオーバーフロー×インラインスクロール(文字数めっちゃ多い)

ほぼ無料電話の解説

基本の型➁

画像:コンテナ幅60%/なるたけオーバーフローさせない(文字数多い)

気にることの解説

基本の型➂

ミニサイズ。ちょっとした補足に使用。
(文字数少ない)※PC専用

遠い場所からご挨拶の解説

基本の型➃+アニメ

画像:コンテナ幅80%/いろいろと丁度よい
(文字数やや多い)

私がほぼ使用しないサービスの解説

ギャラリー風

画像:コンテナ幅100%/スライダー
(文字数ふつう)

果物の解説

ギャラリー解説風

画像:コンテナ幅100%/スライダー/スライド解説(文字数ふつう)

アプリ風アイコンの解説

さらりとモーダルリンク

さらりとモーダルの振り返りをします。


  
閉じる

見出しは全部で12

見出し3

見出し4

見出し5

見出し6

見出し7

見出し8

見出し9

見出し10

見出し11

見出し12

映画モノノケ姫のコダマの真似をするサイトマスコットのゾウさんの三男

コメントは受け付けていません。