search

peachananr / onepage-scroll

Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin
http://peachananr.github.io/onepage-scroll/Demo/demo.html
9.54k stars 2.06k forks source link

Adjusting a section height - scrolling within said section. #75

Open sloyer opened 10 years ago

sloyer commented 10 years ago

Is there a way to extend the height of a section? The reason being is in a smartphone environment, I need more room for the page. Also is there a way to enable scrolling through that section?

mrPingvy commented 10 years ago

I had the same trouble. My decision is to add property "overflow" to element "section": css: section {overflow-y:auto;}

So you can scroll either section or whole page.

ZRktty commented 10 years ago

I had the same problem... My second section has a isotope gallery and below 1200px (of width) the boxes were overflowed. My solution was that I turned of scroller with esponsiveFallback option at 1200 and added a media query like here: @media(max-width:1200px){ .onepage-wrapper .ops-section { height:auto !important;} }

and I added this line to the onepage-scroll trigger script: responsiveFallback: 1200

ZRktty commented 10 years ago

working demo: http://rzdesign.hu.domain-ellenorzes.hu/Projects/ap10

pdsullivan commented 10 years ago

@ZRdesign nice solution, worked perfectly for me. Thanks!

DonDi1989 commented 10 years ago

I have the same problem, in some sections i have more content height inside section instead of the window height. How can i add a scroll inside a content and if scroll inside section finished to move to the next section. fullPage.js have that feature but scroll animation is not like onepagescroll :(