fullpage.js

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 you can swipe, release and watch the page still scroll, on a slimscroll div as soon as your finger leaves the touch area, the scrolling stops. So what I'd like to do is disable fullpage.js on mobiles and tablets, but still enable it on desktops. I checked out fullPage.js's issues and documentation but I couldn't find a simple way of doing this.

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 this $.fn.fullpage.moveSlideUp(); $.fn.fullpage.moveSlideDown(); But I'm amateur with Javascript . Can you help me? Just add this: $('#button1Id').click(function(){ $.fn.fullpage.moveSectionDown(); }); $('#button2Id').click(function(){ $.fn.fullpage.moveSectionUp(); }); And better also to use the option fixedElements in case. $.fn.fullpage({ fixedElements

I am using fullpage.js to create full screen pages. If you scroll to the next section(s) and scroll back to the first section (with video background and the overlay text), the text is briefly "hidden" behind the video before showing up again. This problem only happens on my Chrome(Version 49.0.2623.112) so far. HTML: <div id="fullpage"> <div class="section"> <div class="text">1233123123</div> <div class="video-background"> <video autoplay muted loop> <source data-src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"/> </video> </div> </div> <div class="section"> <div class="slide" data

I am using fullpage.js for parallax scrolling. Is it possible to make the background images responsive in nature when i re-size my window . https://github.com/alvarotrigo/fullPage.js Below is the example i am using. https://github.com/alvarotrigo/fullPage.js/blob/master/examples/backgrounds.html If you notice each of my section has the background-size property with cover , but its still not responsive when i re-size . #section0, #section1, #section2, #section3{ background-size: cover; } Sanjay Dutt Look i don't know too much about fullpage.js But i don know about resizing image according to

I'm building a page in fullpage.js . On the first slide is an image that consumes 90% of the height of the viewport. The other 10% is a navigation bar at the below the image. The image below demonstrates it. As I scroll to the next slide, I want the navigation bar to become a fixed header for the remainder of the slides. I tried making the element fixed once it's offset().top value is 0 against $(window).top() using jQuery. This did not work for me. $(window).scroll(function () { var nav = $('#nav'); var eTop = nav.offset().top; if ((eTop - $(window).scrollTop()) == 0) { nav.addClass('fixed');