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
4
votes
1 answer
fullpage.js - show all tooltips on hover a single circle
PROBLEM
I'd like to have all the tooltips show up on the screen when I hover on one of the .nav-fp circles. I'm wondering if there is a way of doings this without over-riding the jquery.fullpage.js file.
WHAT DID NOT WORK
I've tried manually with…
Sekoul
- 1,301
- 1
- 12
- 24
4
votes
1 answer
JS: fullpage.js moveTo() among different section
CONTEXT:
I'm trying to move between different slides within a section of fullpage.js by clicking one of 5 elements.
PROBLEM:
The first moveTo() - from first slide to any of the other 4 works perfectly. However, once on any other slide, I cannot…
Dan
- 589
- 5
- 18
4
votes
1 answer
How to contain fullscreen.js slides in a div of fixed height and fixed width
By default, any example of fullpage.js is written to render the slides at maximum height and width of the screen (full screen).
However, I am trying to contain the slides in one fixed-sized div in my html page. I have a div of fixed height and fixed…
user3422637
- 3,369
- 13
- 39
- 65
4
votes
1 answer
how could to change WCircleMenu options when you scroll down using jquery.fullPage
I have this code: http://jsfiddle.net/hevercking/t0qxavfc/
when you click the "&" button appear the social network links on the top of the button using the WCircleMenu effect, when someone sroll down the bar menu comes up using the jquery.fullPage…
hevercking
- 45
- 6
4
votes
3 answers
How to apply a fixed background in fullpage.js
I am not asking how to make a background image, I know how to do that. I am asking how to apply a fixed background which stays the same throughout the site without moving. Scrolling up/down will move through the slides content.
My current code sets…
user3589485
- 267
- 2
- 6
- 17
4
votes
3 answers
How to show horizontal scrollbar if user resizes the window created on fullpage.js
I created a very simple webpage that uses fullPage.js script. Basically it works as the sample page provided by the author. Now, I would like to put there min-width on the page, so that when user decides to resize the window horizontally and make it…
randomuser1
- 2,583
- 5
- 25
- 59
4
votes
1 answer
FullPage.js Normal scroll with horizontal slider
http://alvarotrigo.com/fullPage/examples/normalScroll.html#secondPage/1
Hi, in this example, is it possible
To lose the auto scroll that automatically comes, whenever i reach in between a page?
The horizontal slider doesn't work on arrow…
Nevin Madhukar K
- 2,668
- 2
- 19
- 45
4
votes
1 answer
fullpage.js change scroll direction on scroll
I am using fullpage.js to create a wp site, I wonder if it is possible change the scroll direction when the user gets to a certain page.
To explain better, let's use this this example:
http://alvarotrigo.com/fullPage/examples/navigationV.html
Is it…
mattia
- 509
- 2
- 7
- 20
4
votes
1 answer
Transforming navigation bar to a fixed header over horizontal parallax website
The title may seem a bit peculiar but I will try explain as best as possible so confusion is minimized.
Currently I am using the FullPage.js plugin with my website to create a horizontal 'slide' effect. Check the website out currently to see what I…
user2058678
- 43
- 7
4
votes
3 answers
How to disable mouse scroll trigger in fullpage.js only
In fullpage.js core functions
How to customize such that when set option autoScrolling: true.
1.only disable mouse scroll behavior trigger in section scrolling control.
2.other keyboard scroll triggers still working. (such as keyup keydown end home…
infiniteloop
- 835
- 2
- 12
- 27
4
votes
6 answers
CSS/HTML: how to have custom arrows on fullpage JS?
I am using fullpageJS https://github.com/alvarotrigo/fullPage.js/ to make my website.
However when trying to change the arrow style:
.controlArrow.prev {
left: 50px;
background: url(left.png);
background-repeat: no-repeat;
}
…
designnewb
- 43
- 1
- 1
- 4
4
votes
2 answers
fullpage.js how to create slide anchors and scroll to them?
Using fullpage.js, how can I create anchors for slides as oppose to section anchors that are defined in the options.anchors?
The documentation says to use data-anchors but its not doing anything with the following setup. The links just works…
Jake
- 10,633
- 20
- 79
- 134
4
votes
3 answers
fullPage.js & Fancybox Multiple Keyboard Scroll
I'm trying to keep the default key scroll functionality for fullPage.js and fancbox.js plugins. So, I would like to keep left and right functionality enabled for both scripts. However, I wish to have the key scroll functionality on fullPage.js…
seanroberts.me
- 61
- 6
4
votes
1 answer
fullPage.js not scrolling / no scroll possible
I've been having this issue with fullpage.js not allowing me to scroll properly. Please see the issue at https://www.rewardslive.com/test
I have jQuery 1.10 loaded onto the site already, but the javascript code that is in question here is inline on…
George
- 301
- 3
- 15
4
votes
1 answer
scroll snap vertical with free scroll horizontal
I've been trying to put together a portfolio style site that scroll/snaps vertically for the different galleries and then scrolls freely (no snap) horizontally to view the galleries content (imgs floated right).
I've been trying to build it off one…
Gmodal
- 73
- 5