Stack Overflow
Stack Overflow

Questions tagged [pagepiling.js]

jQuery plugin to pile your sections one over another and access them scrolling or by URL.

30 questions
5
votes
1 answer

Jquery animation pagePiling

I am looking for jquery animation similar to this website http://cuberto.com/. So far i have accomplished this link http://codepen.io/mirmibrahim/pen/MJoGBY through pagePiling.js. Can anyone assist me complete it exactly the way on curberto. I dont…
ibrahim
  • 51
  • 3
4
votes
0 answers

Html2Canvas only renders viewport

Using html2canvas to try to create pdfs and/or pngs and its working, except it only renders the visible section of the screen. Anyone have any idea how to fix this? //create pdf $(document).ready(function() { $('#downloadpdf').click(function() { …
MRDJR97
  • 818
  • 2
  • 10
  • 27
4
votes
2 answers

Correct Doctype with Semantic Ui Sidebar - different browsers

I've created a simple html business presentation page, nothing special with pagePiling.js and for sidebar i chose semantic-ui-sidebar. Everything works fine in different browsers with different doctypes. I don't know what to change. If i leave the…
gope153
  • 85
  • 3
  • 13
3
votes
2 answers

Remove class on body does not work with pagepiling.js

I've made a website using pagepiling.js, this script adds the class 'active' on the section which is in the viewport. Now I want add a class on my body when my section1 is active like this: $(document).ready(function() { if…
Thibaud
  • 396
  • 5
  • 23
2
votes
2 answers

I have a pagepiling question, combining that with nanoscroller

I have this sample website, http://www.miguelonenterprises.com/horizontalScroll.html. The problem that I have with this website is this: It's a pagepiling page. If I were to place the mouse inside the nanoscroller section, and scroll down, the page…
Michael Lopez
  • 79
  • 1
  • 8
2
votes
0 answers

PagePiling.js delay before section starts to move

Is there a possibility to prevent pagePiling.js from moving the current pp-section when mousewheel is fired? Or even better, to force start moving after a delay? My current issue is that i want to show an animation inside the pp-section before the…
akoe
  • 67
  • 3
2
votes
1 answer

pagePiling js, add stop when reach top/bottom of section

I was wondering if it is possible in pagePiling.js to add a stop once the top/bottom of a section has been reached? My main issue, is using the touch pad on a MBPro, if you scroll quickly it will hit the top/bottom of a section and quickly…
shparkison
  • 943
  • 1
  • 8
  • 20
2
votes
0 answers

pagePiling.js pp-scrollable not working for mobile devices

there I have been using the pagePiling.js library for creating a scrollable website, and used the pp-scrollable class for allowing scroll for contents that are huge so that the user can scroll through the section content before moving on to another…
mane
  • 1,149
  • 16
  • 41
1
vote
1 answer

How to ensure the mousewheel/wheel event fires only once per scroll inside scrollable div

I'm using pagePiling.js to create a one page scroll effect. Within one of the pagepiling sections, I have a child div that is scrollable. When the user gets to the section with the scrollable div inside it, I'd like them to be able to scroll to the…
Breezy
  • 74
  • 2
  • 14
1
vote
2 answers

PagePiling.js determine if elements are in view

I'm attempting to animate some text when they come into view. Things work fine but when I introduce pagepiling.js, my function for determining if my elements are in view returns false. Here is the function: function elementInViewport(el) { var…
Best Dev Tutorials
  • 452
  • 2
  • 6
  • 22
1
vote
1 answer

Mouse scrolling issue in a specific section in pagepiling.js

While scrolling a specific area that will scroll the entire section. overflow scroll section not working properly. .scroll_sec { width: 500px; height: 300px; margin: 0 auto ; overflow-y: scroll; } Please check the code:…
Ali
  • 1,326
  • 1
  • 17
  • 38
1
vote
1 answer

restrict pagepilling.js (a jQuery plugin) to only a few sections of the website

How can I restrict pagepilling.js (a jQuery plugin) to only a few sections of the website and not the entire website
Rohit Girdhar
  • 353
  • 3
  • 8
  • 26
1
vote
2 answers

Change nav text and logo color when scrolling

I don't have much experience with HTML and CSS. I have a website with PagePiling.js scrolling. I want to let the color of my logo image and nav text change when I scroll to the next section, but just the part of the logo and nav that "crossed" the…
Max Gerritsen
  • 13
  • 4
1
vote
1 answer

Dynamically Add Options to Script

I am using PagePiling in my project, specifically the option to add a menu. Per the documentation you can simply add html:
1
vote
1 answer

horizontal scrolling section in PagePiling.js

I am trying to make a page which which have only two section 1st section which is at top have please see the image . Now I m able to go to div 1 to div 2 easily using pagePiling.js. can anyone tell me how to achieve the horizontal effect in div 1 .…
thedudecodes
  • 1,479
  • 1
  • 16
  • 37
1
2