原神wiki
編集掲示板 / 4524
5438
コメント
views
8
フォロー
4524
名無しの旅人
2024/03/17 (日) 03:52:55
6586e@41756
雑談板にて話題になっていたのをちょっと実験してみたのでこちらで。
TOPページの右側のキャラクイックアクセスの横に謎のほぼ機能しないスクロールバーが出現し、flex_boxでまとめられている空間の上でマウスホイールでスクロールしようとするとそのスクロールバーに引っかかるような挙動でページ全体を下にスクロールするのが遅くなります。
キャラクイックアクセスの上にある外部リンクの折り畳みを開くとスクロールバーは消えます（accordionではなくfoldでも同じ挙動）。また、クイックアクセスのあるflex_boxの中に文字を4行分程度足してもスクロールバーが消えました。多分左側の空間と右側の空間が丁度同じ長さになると起こるような気します。
引っ掛かり解消用に何かダミーを置くことで解消は出来そうですが少し不格好になりそうです。キャラのクイックアクセスの表の内容が増えていくと自然と解消しそうな気がしますが、何かほかに解決方法は御座いませんでしょうか？
通報 ...
「誕生日」を入れるか、早急に別の項目を作るかぐらいでしょうか？
早急にはこんなものを作成してみました。
ありがとうございます。見た目におしゃれで邪魔にならず、しかも実用的なリンクですね。とりあえずで置いておくにはもってこいかもしません。個人的にクイックアクセスの表が伸びて自然解消しても置いておきたいくらいの見た目です。
下で新案が出てますし、とりあえず置いておきますか？
そうですね。一旦下の議論がどうなるかを見つつ、変更がないとなったらスクロールバーのみの対処をしましょう。
左側のflexboxの高さが要素の高さよりも短くなってしまっていますね。右側のaccordionを開くと一時的にflexboxの高さが引き上げられるので、スクロールバーがなくなります。原因については知識不足なのでちょっと分からないです。左側は祈願の方でflexboxが入れ子になっていますし、条件分岐で試すのがかなり面倒な感じがします。
自分も右側は実験できたのですが、左側は弄るのが難しく原因特定できませんでした。この見た目に作り上げた先達に尊敬の念しかないです。もうちょっと探ってみます
本当によくわかってないで適当にいじってみたところ、左は通常時646以下、対応ハード展開時548以下、右は通常時332以下、対応ハード展開時272以下でそれぞれ正常になるようです。特に役に立たないかもしれませんが一応
ただ単に左側が長くなって左右どちらかが突出していればいいという訳ではなくて、やはり右側が長くならないといけないようですね。左側は埋め込みで画像を縮小表示しているのでその兼ね合いもありそうです。