更新行をスクロールバーに表示
標準機能になったみたい 2022/3/9 
このせいで視線が右に移動することが多くなったかも
全行未読だと何も表示されないようだ
そういう仕様らしいです
私は普通に表示すればいいと思うのですが、なんかウザいらしい
まあわからんでもないかも
でもそれならDOM作って
display: none するだけでいいようなこれなら表示したい人だけ表示できる
未読のとき表示するかどうかで
以下のUserScriptを入れると未読でも表示されるようになります
script.jsconst dummyUnread = document.createElement('div')
dummyUnread.classList.add('unread')
const dummy = document.createElement('div')
dummy.classList.add('telomere')
dummy.appendChild(dummyUnread)
document.body.appendChild(dummy)挙動に不満がある
テロメアとスクロールバーのツマミの位置にズレがある
smartphoneで特に気になった
と感じたのだが直っているかも
いややっぱりずれてる
たぶん同じことに言及している
クリックで該当箇所にジャンプしたい
これが無いのつらい
スクロールバー上でジャンプできるショートカットを使う手がある
windows firefox=shift+click
まあドラッグすればいいけどね
2023-01-09簡単なコードで作れた
これ書いた後/NotaAllStarsMeetup/Nota ALL STARS Meetup vol.3 ディスカッション・質疑応答#6241a44e97c2910000d8b319に行ったら、全っっっく同じコードが置いてあったOTL
一応、真ん中にスクロール位置を合せるか否で違いはあるけど……
今使った15分間は何だったの……？
問題演習を2週したと思うことにしよう
10:01:02
scrapbox.Layout !== "page" なページに遷移すると .scroll-bar-overlay が消えてしまう対策として、
layout:changed でlistenerを入れ直すjsconst render = () => {
document.getElementsByClassName("scroll-bar-overlay")[0]?.addEventListener?.("click", (e) => {
if (!(e.target instanceof HTMLDivElement)) return;
if (!e.target.classList.contains("unread-bar")) return;
const ratio = parseFloat(e.target.style.top) * 0.01;
globalThis.scroll({
top: document.body.scrollHeight * ratio - globalThis.innerHeight /2
});
}, { capture: true });
};
render();
scrapbox.on("layout:changed", render);
ので作り直すつもり
どのへんが不満ですか?
スマホで、横に長い数式や表があるページはズームアウトできるが、ページをズームアウトするとスクロールバーのテロメアの位置がずれる