KevinWalton Posted October 12 Share Posted October 12 Website: https://kevinwalton-portfolio-2023.squarespace.com/about Password: 1 Hi guys, Can anyone help out with my problem I am solving? On my About Page, I have added a script called Luxy JS. This makes the web page scroll slower. The only problem, is that it doesn't show the footer. The reason for that is because the Footer HTML block is not located in the one I have Luxy JS synced to, which is called Article. What I need to do is move the HTML Footer into Article using some kind of JS. Can someone help? Below is a screenshot of what I am looking for Here is the Luxy JS Code below, and is only located in the About page of the site above: <script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script> <script> $(document).ready(function() { luxy.init({ wrapper: 'article', wrapperSpeed: 0.045, }); }); </script> Link to comment
Solution tuanphan Posted October 15 Solution Share Posted October 15 Try adding this code to Last Line in Code Injection > Footer <script> $(document).ready(function(){ $('footer.sections').appendTo('#page>article'); }); </script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
KevinWalton Posted October 19 Author Share Posted October 19 That worked perfectly. Thank you. Do you think you can help disable it on mobile? So far this JS is not working <!-- Disable mobile: WORKING ON --> <script charset="utf-8"> var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent); if (!isMobile) { luxy.init({ wrapper: 'article', }); } </script> Link to comment
tuanphan Posted October 21 Share Posted October 21 Use 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) { $('footer.sections').appendTo('#page>article'); } }); </script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
KevinWalton Posted October 26 Author Share Posted October 26 I'm sorry I should of clarified, I was wondering if I could disable LUXY.JS on mobile, basically the smooth scroll only works on desktop, but on mobile it is completely turned off so that it's the normal scrolling. I have played with some code snippets but I cannot figure it out Link to comment
tuanphan Posted October 29 Share Posted October 29 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 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
KevinWalton Posted October 30 Author Share Posted October 30 This worked! Thank you SO MUCH. Seriously I cannot do this without you. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment