-
Posts
29 -
Joined
-
Last visited
Reputation Activity
-
KevinWalton reacted to tuanphan in Moving the HTML Footer block to Article block
try this
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { if ($(window).width() > 768) { luxy.init({ wrapper: 'article', }); } }); </script>
-
KevinWalton got a reaction from tuanphan in Disable Mix Blend Mode when Hamburger Menu opens in Header
THANK YOU. This works!
Seriously I can't thank you guys enough. I have been trying to figure this out for over 2 years.
Thank you so much jaeveedee and tuanphan
-
KevinWalton got a reaction from JayVanDyke in Disable Mix Blend Mode when Hamburger Menu opens in Header
THANK YOU. This works!
Seriously I can't thank you guys enough. I have been trying to figure this out for over 2 years.
Thank you so much jaeveedee and tuanphan
-
KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?
Blank template. Researched a lot on Design and found my style
-
KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?
Okay so I have a new problem, I have an automatic background colour change on scroll that now doesn't work, here is my header code injection:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <div wm-plugin="background-change-all"></div> <!-- 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) { luxy.init({ wrapper: '#siteWrapper', wrapperSpeed: 0.085, }); } </script> <script> $(document).ready(function() { luxy.init({ wrapper: '#siteWrapper', wrapperSpeed: 0.065, }); }); </script>
This is the footer
<script src="https://assets.codepen.io/3198845/WMBackgroundScroll101820v1.0.7.min.js"></script> These other lines of code make it so that when I scroll, each page block adds a fade transition.
Does that make sense?
-
KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?
That worked! Thank you so much for your help! I didn't know you needed that line you posted!
What does that line do If I may ask?
-
KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?
I tried it out, didn't work, thank you for trying!
-
KevinWalton got a reaction from Beyondspace in Does Squarespace support Luxy Java Script?
Site URL: https://www.kevinwalton.ca
Hi, I was wondering if someone can help me with slowing down scrolling like they use on Webflow.
I want my site to scroll like this: https://ceremonycoffee.com/
Researching what kind of scroll technique is used, I found that it is called "Luxy" javascript. I can't seem to figure out why it is not working on my site.
<!-- 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) { luxy.init({ wrapper: '#luxy', wrapperSpeed: 0.065, }); } </script> Can someone help?
Thanks,
Kevin