プレゼンモードをページめくりではなく縦スクロールにする

https://gyazo.com/af5afafa3d5fbbffe83d3b3b90d58736

プレゼンモードをページめくりではなく、スクロールでやりたい場合がある

スマホ用のプレゼンモードを試作していて作った

こういうUserCSSを書けばできる

code:style.css

.presentation .line {

display: block !important;

}

.presentation .section-title:not(:first-child) {

margin-top: 50vh;

}

.presentationというcss classがReactの一番上のコンポーネントに付くので、それを使う

display: block !important

これはReactでstyleタグを作るにしくみが書かれている

ページ区切り

プレゼンモード内のページは内部的にはsectionと呼ばれている

sectionのtitleには.section-titleというcss class nameが付く

2つ目以降のsectionの上にmarginを付けて間を開けてみた