I have a wordpress site I'm creating using fullpage.js and using the midnight.js with jquery. When I scroll down the logo changes color but it is delayed. for the life of me I cannot figure out where the delay is coming from. Here is the testing site. https://trailheadnc.org
Weird fade transition that is not wanted with fullpage.js and midnight.js
411 Views Asked by user2705121 At
1
There are 1 best solutions below
Related Questions in FULLPAGE.JS
- How to scroll inside slides of a full-page website in react?
- I am trying to use fullpage-vue on nuxt 3 but its not working for me
- How to create fixed menu in elementor but using fulljsplugin?
- "fullpage.js Error: 'Cannot Find Name menu' When Initializing Fullpage with React"
- Why is my animation not working with Framer-motion, React and Fullpage.js?
- React (fullpage.js) Web Application works in chrome & firefox but not in safari browser
- Full Page JS - How to disable scroll when the modal is open
- How to make an animation in sequence before a transition?
- how to add condition before scrolling
- Normal scroll with fullpage scroll in the one website
- FullpageJS plugin - window.scrollTo manage
- update menuanchor of fullPage.js in R Shiny App from server side
- Issue with fullpage.js (section fp-section fp-is-overflow active fp-completely)
- VueRouter - scrollbehavior to hash
- Vue router - path #ID scrollBehavior
Related Questions in FADING
- Error using surf, Z must be a matrix, not a scalar or vector to surf(deltaT,deltaR,abs(Err))
- Generating a fading wave form for pyaudio with numpy
- Blend an image into another with Python
- How to create an animated marquee label in .NET MAUI that fades in and out?
- addClass and fadeIn/fadeOut together?
- Keep the fading in between the border-top and border-bottom in css
- CSS mask-image overlaps scrollbar
- Jquery FadeIn/Out on background image is fading the sentences on top of it too
- How to Fade in and out Horizontally from Left to Right in Flutter?
- Screen Fades between scenes but the black screen remains when returning to Previous Scene
- how do i make a button fade in with css keyframes?
- How to add fading edge only at the bottom of Scrollview/Recyclerview?
- Keypress function still triggers fade in fade out when pressing CTRL,SHIFT etc
- Is it possible to change image with fade animation using same Image? (SwiftUI)
- How to Generate Nakagami–m Fading Channel on MATLAB?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
I don't know how midnight.js works, but I know how fullPage.js does :)
Probably the easiest fix you'll be able to find is using the fullPage.js option
scrollBar:true.That should make the site act as any other site, firing the scroll event.
Dealing with css3 transformations might be the cause of midnight.js not working properly. Browsers still have it difficult to achieve certain things and might require the transformations to end to apply the changes.
If you really do not want to show the scroll bar by using
scrollBar:true, then you can try usingcss3:false. This way fullPage.js will change the top property of the site and you might not encounter the same issues you have when dealing with 3d transformations.