webページで横方向にアンカーを付けたい

Question

webページで横方向にアンカーを付けたいのですが、どのような方法がありますか？
なるべく多くの方法を知りたいです。

何卒、よろしくお願いします。

Comments

[m.ts10806]

https://teratail.com/help/avoid-asking >漠然とした興味から票を募るような質問や、意見の主張をすることを目的とした投稿は推奨していません。

[m.ts10806]

まずはご自身で調べてみて、その結果色々試してみては？ https://teratail.com/help/question-tips#questionTips1-2 >投稿前に自分で一度調べてみましょう。そして調べたことを元に、一度は自分でやってみましょう。

[x_x]

横方向とは？

[yoshinavi]

「横方向にアンカー」の説明が無いと、誰も回答出来ないと思います。スマホ等の画面で横から出てくるメニュー等の事でしょうか？

[_lemon2003_]

aタグのリンクのことですか？ (https://www.example.com/home.html#aaaaa の #aaaaa のところのやつ)

Answer 1

横方向にということはスクロールを通常の縦方向ではなく横にスクロールさせていくような処理が入っているという認識でいいでしょうか。

私が検証したわけではないのであくまで出来るのでは？といった程度の情報になりますが、以下のような処理が考えられます。

1. 通常通りにアンカーを設定して横方向に移動することを期待するパターン
2. jQueryなどでボタンイベントを元に指定位置までスクロールまたは移動させるパターン

あまり情報がないためパッと思いつくのは上記の２パターンぐらいですが、まずはアンカーを張ってみて、期待通りの動きにならないようであれば、jQueryなどで制御するといいかもですね。

アンカー代替用の関数を用意して引数に飛び先の要素やクラス、スクロール量など、コントロールできるものを用意すれば、引数を設定するだけで色々なボタンイベントで流用することも可能かと思います。