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]
1215 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
- 921
- 1
- 8
- 26
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,658
- 5
- 34
- 63
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
- 3,350
- 4
- 31
- 67
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
6 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
- 198
- 1
- 2
- 11
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
- 17,496
- 26
- 97
- 150
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
- 8,096
- 22
- 65
- 103
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
- 928
- 1
- 10
- 26
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
1 answer
Error: (SystemJS) Unexpected token < SyntaxError: Unexpected token < at eval () Angular 2
I am trying to use full page with angular 2,
I am getting the below error when importing it in my app.module.ts.
"(SystemJS) Unexpected token <
SyntaxError: Unexpected token <
at eval ()
at Object.eval…
thenakulchawla
- 5,024
- 7
- 30
- 42
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,505
- 6
- 33
- 66
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
- 487
- 1
- 5
- 10