I'm working on this site http://www.lodahl.aero/ which is using fullpage.js for the front page. Although it was working fine at one point, it's stopped now and (I'm sure its something silly) but i cannot figure out why. Basically you cannot scroll up or down with the mouse wheel or pageup/pagedown keys to or from the first slide. You can flip between the 2nd and 3rd slide fine, but the 1st one is not playing ball. Can anyone elighten me as to what I'm missing?
Thank you
Related
Hi I am creating Scroll effect Like this website https://durimel.io/nel and For this I am using a GitHub repo https://github.com/corentinfardeau/horizontal-scroll#container-node-dom-null, I have two Concerns the Primary Concern is that How can I change the direction of scroll in horizontal Scrolling {Means Like when I am moving my scroll wheel of mouse Forward the Text is going From left to right "But How can I change it from Right to Left"} Pretty much same like in the reference website when we are scrolling one line is going from right left and two vice versa. Today I spent a lot of time surfing through the internet for find the answer How we can change the direction of Scroll in Horizontal Scrolling?
The second Concern is the How can I make the horizontal scrolling infinite? Means Like When I am scrolling to the end (till item 12 {you will get that when you will see the codepen}) the scrolling Stops But I do not want scrolling to be stopped instead the item 1 have to come again Pretty much same like the reference website I have given in the first line .
Here is the Code Pen <!-- https://codepen.io/shayan-kanwal/pen/RwZdvmw -->
Thanks For help Advance
I'm trying to make an image carousel from Scratch in ReactJS.
This is what I have so far:
https://codesandbox.io/embed/optimistic-elbakyan-4vzer?fontsize=14&hidenavigation=1&theme=dark
Drag with your mouse to change the image. Try it and you'll see that at some speeds it feels a little, stuttering? I don't really know how to explain it, and english isn't my first language.
Any suggestions to make it run smoother? I'm experimenting, so maybe my approach isn't the best. I'm all ears.
It seems to work fine on my end, the only thing is sometimes when dragging your mouse will still be dragging even when you aren't holding left click sometimes (probably when you mouse leaves the page then you let go)
The wording in the title is weird, apologies. It's hard to explain the effect.
I currently have this, it works best on Chrome:
http://mattluckhurst.com/dev/
My client wants each panel to slide up as the user scrolls down, covering the previous panel. I am currently accomplishing this by setting the "current" panel to have position:fixed and top:0 as soon as the page scrolls to it. The panels each have a z-index that corresponds to their vertical position on the page. So ideally:
You scroll down. when the next panel is halfway up the window, the scroll animates to get you all the way there, then that panel is snapped to the top so the next one can come in over it.
It's working pretty well in Chrome, but I am getting a lot of flickering and stuff elsewhere. Also on mobile it's a mess, but we really want a nice smooth swipe up down.
I know fixed elements can get pretty funky on mobile, so I am wondering if that is the problem, or if I should be using something other than just window scrolling for the animation / effect.
I see more complex parallax stuff all the time, so this should be pretty doable, I'm just not sure where to start.
Thanks for any help! Let me know if you need more info.
A few libraries that might help you:
https://github.com/dirkgroenen/jQuery-viewport-checker
https://github.com/janpaepke/ScrollMagic
https://github.com/matthieua/WOW
https://github.com/jlmakes/scrollReveal.js
https://github.com/Prinzhorn/skrollr
im crazy with this trouble, i try to make a scrolling with angularjs and jquery, here a litle code jsfiddle in my machine this run idk why dont run in jsfiddle, well my problem is when i making click and mousemove, i can scrolling, but when the mouse is out <div id="move2"...., the scroll move very fast, is like if you put click in list and drag it to down, the scrolling move very fast to down.
please help me
If any have the same problem, only put .
style="overflow:hidden;height:300 px"
then the only method for scrolling is the one you created with AngularJS (ng-mousedown, ng-mouseleave ... etc)
I am using this jQuery plugin on a website: http://stolksdorf.github.com/Parallaxjs/
I am trying to achieve an effect where when a slide is navigated to, it automatically moves onto another slide once it has loaded - think of it as a transition slide.
For example:
parallax.transition.onload=function(){
parallax.citymid.show();
};
This code shows the city mid slide once the transition slide has loaded.
However:
parallax.transition.onload=function(){
parallax.citymid.bottom();
};
This does not make city mid slide in from the bottom as it would if it was called from a button.
Does anyone know whow I can make this work, or at least find a work around for it? I have contacted the developer of the plugin but to no avail.
Many thanks,
Oli
Using transition callbacks, everything works as it should.
parallax.pageB.right(function(){
parallax.pageC.right();
});
Call this bit of code while on pageA and it will slide in pageB from the right, and as soon as it's done it will slide in pageC. I've tested this and it works flawlessly.