E
E
Evgeny Shev2015-05-23 23:10:03
JavaScript
Evgeny Shev, 2015-05-23 23:10:03

How to make height greater than 100% in FullPage slider?

There is a wonderful multi-slider (horizontal-vertical) - https://github.com/alvarotrigo/fullPage.js . But there is one caveat in it - if the content of the slide exceeds the size of the browser window, in order to show the content in full, you can only apply the add-on scrollOverflow. It adds its own scrollbar to the slide, which is far from always convenient and not particularly attractive.
Does anyone have any thoughts on how you can finish the slider so that you can increase the height of the slide if its content exceeds the height of the browser window? In other words, do something like height:auto; min-height:100%.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
E
Evgeny Shev, 2015-05-24
@shevgeny

Solution found. And it turned out to be elementary :) - https://github.com/alvarotrigo/fullPage.js/issues/1044.
In short (otherwise it’s not necessary here), we just work with styles:

.fp-section {
... 
}
.fp-slide,
.fp-tableCell {
...
}

Well, disable autoscroll and scroll in overflow :)

N
Nikolai Antonov, 2015-05-23
@my-nickname

There is no such possibility. The plugin was created for poekrannoy scroll. Then it's better to write something of your own and not change someone else's plugin. Take only the transition animation implementation from the plugin.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question