ページ推移後にキーボードで画面スクロールしたい

[forno]

課題

適当なページを開いた直後にPage down/upやHome/End、カーソルキー等でのページスクロールができない。これは全くどこも動かないという意である。

要望

ページを開いた直後からPage down等でメインコンテンツをスクロールしたい。

考えられる原因

現在ページのスクロールバーはすべて何かのdivタグにつくような構成になっている。(sideメニューの一部やメインコンテンツ等)
これらをスクロールするには、その内部にフォーカスが当たっている必要がある。
ページを開いた直後は(恐らく)bodyにフォーカスしているので、そのままではPage down等でどのコンテンツもスクロールできない。

ユーザ側での現状対策

Tabを二回押下することにより検索フォームにフォーカスを移せる。
これはメインコンテンツ内に存在するのでPage down等が使用できるようになる。

関連する情報

Tabを押すときは個人的にはメニューに移動したいときだったりします。(多くのサイトではトップメニューやサイドメニューに先にフォーカスが吸われるため、そのような期待がある)
現在のcpprefjpでは先にメインコンテンツにフォーカスが当たります。
個人的には直観に反したUXなので報告いたします。

[yumetodo]

関連してスマホで快適にスクロールできないのですが、これも現在ページのスクロールバーはすべて何かのdivタグにつくような構成になっているためと考えられます。

[saki7]

めっちゃわかる

自分も不便だと思ってたので直したい

[saki7]

これたぶんhtml要素の順番を変えるのが根本的解決で、それが cpprefjp/site_generator#47

taborderかtabindexみたいな属性で微調整する方法もあることはある気がする

[saki7]

@yumetodo スマホスクロールの問題は多分こっちですね #58

[Raclamusi]

JavaScriptから .focus() する方法があります。

const articleDiv = document.querySelector('div[itemtype="http://schema.org/Article"]');
articleDiv.focus();
articleDiv.style.outline = 'none'; // .focus() すると outline が表示されてしまうので消す

[faithandbrave]

それで直せそうでしたらPull Requestいただきたいです！