infernus
WBWeb Bae
•Created by infernus on 10/3/2024 in #❓︱questions
Problem with 100vh
Hello, I have a problem with an animation and would be really grateful if someone could help me.
The link to the page is here: https://clippathsite.webflow.io/
The problem is that on iPhone devices, the bottom bar on the iPhone covers the text located in the bottom right corner of the phone. That text is a description of the image that is displayed and changes during scrolling. The text is visible while scrolling down, but when the user starts scrolling back up towards the top of the page, that bar appears and covers the text because everything is set to 100vh. I’ve tried using dvh and svh, but I haven’t been able to find a solution. How can I move the text upwards above that bar when the user scrolls back up towards the top of the page? I hope I’ve explained it well.
Preview link: https://preview.webflow.com/preview/clippathsite?utm_medium=preview_link&utm_source=designer&utm_content=clippathsite&preview=4e393b3a96b4c90e4eae9d9f581a9a5f&workflow=preview
Everything works fine on desktop; the issue is only on mobile devices.
7 replies
WBWeb Bae
•Created by infernus on 6/14/2024 in #❓︱questions
Smooth scroll in Webflow
Hello everyone. Does anyone know what is the best way to implement smooth scroll in Webflow? I watched Timothy's tutorial for Lenis.js, but I see that people are having issues with Safari, anchor links sometimes returning to the top of the page, etc. It's also a bit irritating when scrolling and then while the scrollbar is moving, if we grab it with the mouse, the whole page starts glitching and bugs out for a few seconds. Is there any alternative or solution for these problems?
4 replies
WBWeb Bae
•Created by infernus on 5/26/2024 in #❓︱questions
Infinite Marquee Problem
Hello everyone. I hope you are all well. Is it possible to implement infinite scroll without having to load the images with the page? I've noticed that when we have multiple instances like this on a page with many SVG images, it can significantly reduce the Lighthouse score. Is there a way to set it to load on scroll without breaking the animation?
https://webflow.com/made-in-webflow/website/wb-infinite-marquee
4 replies
WBWeb Bae
•Created by infernus on 4/4/2024 in #❓︱questions
Webflow Custom Code Limit
Hello everyone, I found an interesting solution to the problem of reaching the 10k character limit in custom code in Webflow. I watched a video by Web Bae that offered a solution using GitHub and jsdelivr, but it seems to me that this is simpler and faster. I'm not sure if everyone already knows about this or if there's any issue with it that prevents people from using this method. Here's how it works: We all know that we can't upload a JS file directly to the Webflow assets panel, but we can upload a TXT file. Simply change the file extension, for example, from "script.js" to "script.txt" and upload it to Webflow. We'll get a unique URL just like when we upload an image. Now, all we need to do is copy that URL and put it into script tags like this:
<script src="URL_OF_TXT_FILE.txt" type="text/javascript"></script>
This works perfectly for me, but I'm not sure if there's any issue with this method that I'm unaware of.
5 replies
WBWeb Bae
•Created by infernus on 2/22/2024 in #❓︱questions
Asteroids - Simple JS Game
Hello friends, I hope you're all doing well. I have a problem with the Asteroid game that Web Bae posted as a cloneable (https://webflow.com/made-in-webflow/website/Asteroids-Clone-Simple-JS-Game). The issue is that when the user fails in the game and presses start game again, the asteroids move faster and in greater numbers. This happens every time, getting faster and faster until the user refreshes the page. After the user fails in the game 2-3 times and starts again, too many asteroids come towards them, making it impossible to play. How can I set it up so that each time at the beginning of the game, there are fewer asteroids, gradually increasing in number until the user fails in the game. Thank you in advance to everyone for taking the time and providing answers ❤️
42 replies