CSS スクロールコンテンツの挙動

Question

onepage-scrollとゆうプラグインをつかってスクロールするサイトを作っているのですが

onepage-scroll

スクロールさせるページ内のコンテンツがウィンドウのHeightよりも大きくなってしまった場合挙動がおかしくなってしまいます

スクロールさせるページのHeightでページのスクロール判定を行っていないようなので、以下のように、はみだしてしまうページ内コンテンツは
overflow:scroll;
としてみることにしたのですが。。これだと強制的にページスクロールになってしまいます・・

   <section>//スクロールさせたいコンテンツページ
     <div style="overflow:scroll;">
      ・・・・・・大量の文字列
     </div>
   </section>

   <section>
     2ページ目
   </section>

改善の仕方が解りません。。どなたかアドバイスお願いいたします

Answer 1

挙動がおかしいというのはどういう現象でしょうか？
ソースを見ればわかりますが、

body, html {
  margin: 0;
  overflow: hidden;
}
/* ...略 */
.onepage-wrapper .section {
  width: 100%;
  height: 100%;
}

が指定してあり、常に画面いっぱいの状態にして使うものだと思います。

Comments

[seri]

画面いっぱいにした場合、100％とゆう値がコンテンツぎりぎりの幅ではなくウィンドウの幅と富取られているとゆう事です・

[seri]

べつのプラグインでちょうど良い例がありました、https://alvarotrigo.com/fullPage/examples/scrolling.html#firstPage
こちらのページのように、スクロールされるページこんてんつがheight100%よりも大きい場合の実装法とゆう事です