jQuery plugin and Javascript library used to create full screen scrolling websites
FullPage.js is a jQuery plugin used to create full screen scrolling websites.
Questions tagged [fullpage.js]
1174 questions
15
votes
1 answer
jquery.fullPage.js how to enable scroll within a div without affecting the sections scroll
Right, this is not easy to explain... I'm using jquery.fullPage.js for a website. I have a few collapsable panel hosting a big amount of copy which requires scroll. My problem begins when I enable the scroll on this panel because it sends me to the…
Gonzalo Fernandez
- 235
- 1
- 3
- 8
14
votes
2 answers
Fullpage.js Slide horizontal on scroll
Im using fullpage.js to achieve vertical and horizontal scroll.
i want the slider to slide when i scroll on Section 2.
Functionality similar to this website
Here's my code :
$(document).ready(function() {
$('#fullpage').fullpage({
…
undefinedtoken
- 781
- 1
- 6
- 24
13
votes
2 answers
Fading in divs in html using javascript
In my project I want to fade in divs in html and I am using the following code
$(document).ready(function() {
/* Every time the window is scrolled ... */
$(window).scroll( function(){
/* Check the location of each desired…
user5330988
10
votes
3 answers
Fullpage js slide effect?
I'm trying to use Fullpage.js. Here is my script:
Some section - Home
YVS1102
- 2,238
- 4
- 27
- 53
9
votes
2 answers
How to use Fullpage.js with Scrollr.js at the same time
I have a project which is using Fulpage.js and I want just one of the sections of this project to be scrolled Horizontally.
So I added Scrollr.js, but the problem is that, it does not work.
Here is a my code:
POOYAA
- 1,155
- 4
- 17
9
votes
2 answers
Full height slider skip one slide
I am using fullPage.js to create a full width and height slider for several fullscreen-slides. So my site structure is like
section#f01
section#f02
section#f03.scrollfix
section#f04
I want to skip section#f03.scrollfix while scrolling through the…
Marian Rick
- 2,872
- 4
- 22
- 56
9
votes
1 answer
Fullpage.js: Next and Previous buttons
I have two buttons: #btn1 and #btn2; and I want them to go back and forth when clicked. So #btn1 must go to previous slide and when I click #btn2 it goes to the next slide.
I use fullPage.js for slides.
In documentation says that must me use…
user3046428
- 93
- 1
- 1
- 3
8
votes
5 answers
Adding or removing sections/slides to fullPage.js after initialization
I have a tree-structured database and in my website I am going down the tree as I show their content in "sections" and "slides" of fullPage.js plugin. The problem is, when I append a new section to a fullpage element, it can not be a part of the…
Mert Canatan
- 103
- 1
- 5
8
votes
2 answers
Fullpage.js and mobile devices: How to enable section / slide switch if content overflow must be enabled?
After experimenting with some of the options I still did not get satisfying result:
The used Javascript library is FullpageJS (http://alvarotrigo.com/fullPage/)
Fullpage.js is initialized with the following settings:
$('#fullpage').fullpage({
…
Blackbam
- 12,200
- 19
- 71
- 117
8
votes
1 answer
How do I scroll to a specific section with a link using full page.js?
I'm using the fabulous fullpage.js to make a single page website.
Here's the basic code:
Page 0
Some text 0
Garry Pettet
- 7,482
- 22
- 60
- 97
7
votes
1 answer
Stop fullpage.js scroll when lightbox is open then re-enable when lightbox is closed
So I'm using fullpage.js for a website I'm working on. I have a section that contains bio's of team leaders that open in a lightbox using Nivo lightbox. When you click on the person, their lightbox opens but if you scroll through their info (happens…
Jeffrey Roche
- 73
- 1
- 4
7
votes
4 answers
Disable fullpage.js on mobile (touch) devices
I'm using fullpage.js and the slimscroll.js plugin, which is required to allow scrolling in a section which has content that exceeds the height it's container section.
I've noticed that the experience is quite bad on touch devices. Whereas normally…
patrickzdb
- 838
- 1
- 9
- 24
7
votes
2 answers
Fullpage.js Background Image
I have just started using the fullpage.js library(?) and am wondering how to add in a background image to a section. I have tried adding in a new div inside the section and also adding a new class to the section but to no avail.
Please help!
HTML
…
Will B
- 127
- 1
- 2
- 6
6
votes
3 answers
Position DIV under Background Image, regardless of viewport (responsive)
I have a big background image of 1920x550px and I want to place a div directly under it.
Since I don't know how to display the full image, I used a dirty trick and actually filled the image with a transparent part so it is a 1920x1080 image, then I…
PrimuS
- 2,085
- 5
- 25
- 48
6
votes
2 answers
fullPage.js One Page Scroll - can't scroll to footer after the last section
I'm trying to get to work the plugin fullPage.js (http://alvarotrigo.com/fullPage/).
But I have an issue with some part.
When I slidie section by section it works ok, but when I reach the last section and try to scroll to a footer which after this,…
borkafight
- 117
- 1
- 8