2017-01-26 5 views
0

私はこのウェブサイト(HTML5、CSS3、JS)でCSSposition: fixedの2つのdiv(ヘッダーとフッター)を作成しています.のコンテンツ。div内の1ページスクロールHTML5

私がしたいのは、絶対配置を持つこの中心div内にスクロールスナップを実装することです。しかし何らかの理由で私はこれを行うことができません。これは私が使用しようとしているjqueryプラグインです:https://github.com/peachananr/onepage-scroll

あなたは私を助けてくれますか?

は、ここで設定イムしようとJSFiddleです:https://jsfiddle.net/icyyd/dswsg96d/あなたはコンテナに特定の固定の高さを与える必要があり

+0

私はScrollifyでも試してみましたが、それでも私にとってはうまくいきませんでした。私は何とかポジションを取り除くと、それは動作しますが、私のコンテンツは中央の "content" divにしかないので、私は望んでいません。 – icyyd

+0

スクロールバーを非表示にしても、まだスクロール可能であることを意味しますか? –

+0

これは役に立ちますか? https://jsfiddle.net/dswsg96d/1/ –

答えて

1

その後、autoにoverflowプロパティを適用します。コンテナの内容が一定の高さを超えると、コンテナ内をスクロールさせます。以下を参照してください:

div.container{ 
height: 80vh; //making height fixed in order to implement overflow property 
overflow: auto; //it will give you scroll effect when content height exceeds 80vh; 
} 

固定高さをpx/vh/vwで指定してください。 % うまくいけばそれは役に立ちます。

関連する問題