juris_adventure

Hello, I have a problem with parallax scrolling on my website. Since I don't like Squarespace's integrated Parallax effect on images because it cuts off the images and changes the quality, I created it with extra code in the Website Fooder. For some reason, the second image in my slider is always cut off on my homepage. As soon as you move the mouse just a little, the image adjusts and it works again. If you reload the page, the error is there again. I use the following code. <!--Parallax Scrolling--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js"></script> <script> $('.has-background').attr('data-scrollax-parent', 'true'); $('.has-background .section-background').attr('data-scrollax', 'properties: { translateY: "30%" }'); $.Scrollax(); </script> <style> .has-background {overflow: hidden;} </style> If I take out the code, you can see the entire image, but of course the effect is missing. Maybe someone knows what it is?

Thank you so much for your help. The Code is working perfectly!

Recently I have had a problem on my site with a code that has been working all the time. I created a bilingual menu with code in which I did not display pages/folders in the menu. With the code I made the even and odd pages disappear. Recently, however, the code no longer works and all menu items are displayed on the odd-numbered pages and no menu items at all on the even-numbered pages. The problem only affects the mobile version. I don't know what the problem is or how I can adjust the code so that it works again. These are the codes I used and I put on every page setting: <style>/*Zweisprachiges Menü*/ .header-nav-list>.header-nav-item:nth-child(even) { display: none; } .header-menu-nav-folder[data-folder="root"]>.header-menu-nav-folder-content>div:nth-child(even) { display: none; } </style> & <style>/*Zweisprachiges Menü*/ .header-nav-list>.header-nav-item:nth-child(odd) { display: none; } .header-menu-nav-folder[data-folder="root"]>.header-menu-nav-folder-content>div:nth-child(odd) { display: none; } </style> Maybe someone can help me?