Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Javascript Problem with changing background colour and Luxy scrolling

Recommended Posts

Site URL: https://sponge-lychee-awaf.squarespace.com

Password is "1"


I am having problems with Javascript. I don't know how to code in Java script so I was wondering if anyone can help me.

I have a java script code for Luxy scrolling for smoother scrolling like Webflow, and I also have a code that works when scrolling on a page, the background colours fade together. For some reason, they don't like one another. The fading when scrolling no longer works and removes my background. 

Here is my code:


Background change colour when scrolling: 


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div wm-plugin="background-change-all"></div>


<script src="https://assets.codepen.io/3198845/WMBackgroundScroll101820v1.0.7.min.js"></script>


Luxy javascript


<!-- before <body/> tag -->

<!-- Smooth scrolling -->

<script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script>

<script charset="utf-8">  
 var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent);
 if (!isMobile) {
        wrapper: '#siteWrapper',


$(document).ready(function() {
        wrapper: '#siteWrapper',
        wrapperSpeed: 0.085,


Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...