Web Bae

Chat and get help with Webflow and Javascript.

Web Bae

Chat and get help with Webflow and Javascript.

10/3/2024

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....

Mirandoisa

9/12/2024

Infinite Marquee jump" to the start position

Hi! I followed the Infinite Marquee tutorial on youtube but it doesn't seem to work for me. For some reason animation jumps to the start position and the space between text and red circles is way too big, definitely not 1 rem :( Is there a way to fix it? Thanks in advance! https://preview.webflow.com/preview/inifnite-marquee-ff252b?utm_medium=preview_link&utm_source=designer&utm_content=inifnite-marquee-ff252b&preview=e55b17729a751ffd3894d3dc4e2e8514&workflow=preview...

Ander

9/4/2024

Need Help with a Simple GSAP Animation Not Working on Page Load

Hi there! I’m just starting out with GSAP, and I’ve created a simple animation to make an element enlarge when the page loads. However, for some reason, it’s not working, and I can’t figure out why. 😅 Does anyone know what I might be doing wrong?...

zhizhi599

9/4/2024

Changing the direction of interaction

Hi guys, I don't know the code very well and I'm having a lot of problems modifying this case (https://www.youtube.com/watch?v=rFUNxuHgK1U&t=290s) to change the interaction from vertical to horizontal. I've tried for a long time and still can't get the correct animation, any help is greatly appreciated, thanks!...

Purv

8/29/2024

Vertical logo Marquee

Hello guys hope everyone is doing well . Can anyone help me with this vertical interaction (https://www.figma.com/proto/LCvJqYZ7hq4oSfaxaFbJQ4/Logo-Slider-Infinite-Loop-(Community)?node-id=1-46&node-type=FRAME&t=qV6yzE21dfonwmFQ-0&scaling=scale-down-width&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=1%3A46) @Web Bae any insights on how to achieve this one in webflow.

Dragan

8/27/2024

Lazy Load Images

Hello everyone, I have a problem with Lazy Load images in Webflow within this animation (https://webflow.com/made-in-webflow/website/grid-zoom-on-scroll-gsap). Even though the images in Webflow are set to lazy load, the images still load when the page is loaded, which extends the page load time. I have tried various options by modifying the GSAP code that ChatGPT provided, but nothing has worked. Has anyone had similar issues? Thank you!...

kaif_suthar

8/24/2024

how To Reduce Js files size

In one of my clients website SEMrush report says MY pages have more than 2 mb js and css files but i dont know what and how to reduce page link :- https://www.transfi.com/pt/products/ramp...

kaif_suthar

8/13/2024

Duplicate meta Description issue in Multilingual site

Hey One of my clients has a multi-language website and they have copied pages It creates duplicate meta tags and description ...

Sushant Dhiwar

7/29/2024

Finsweet filter

I have used finsweet filter to filter these blogs but I am not able to change the styles of the 'ALL' as I have given 'clear' attribute to that text. Need help on this

Sushant Dhiwar

7/25/2024

Share blog option in webflow

I need to make this in webflow. By clicking this the blog post should share to multiple platforms like linkedin etc.

Frank Fienbork

7/13/2024

clip path

Hi @Web Bae ! I'm having an issue with your clip path app. I need photos to be clipped with a D shape. It does the job but the images are being cut off at the top, and there's something unexpected going on at the bottom of the image. I'm attaching the SVG and an image here. Can you help?

clip.zip

Adeleke

7/8/2024

Janky Animation on Desktop Safari and all iOS browsers (safari, chrome and Arc)

Hi there, I'm working on a website for a client and they requested a slider on the website, i used splidejs to achieve this but when testing the website after building it i noticed janky animation where the slide just skip to the next one without animating on safari on mac and mobile broswers. Things to note : When i added a hardware acceleration code to website root css it fixes this but breaks any element that has position fixed. ...

Adeleke

7/5/2024

Finsweet CMS Nest Not working

Hi everyone, I'm about to loose my mind. I'm trying to overcome to the limit on webflow cms. I tried using the finsweet CMS Nest Attribute but its seems not to be working. i have set everything as i was told on finsweet website and even cloned a couple of Webflow site including the one done by WEB BAE, this odd thing is it seems to work on the clone site but doesn't work on my site. i've tried everything even copied the exact working divs from the clone website but it still doesn't work. Also i noticed if i don't link the page it shows the items i want to nest but it just show all the items and not the ones i selected from the parent collection. When I run the ASS, i get this error message: “The attribute fs-cmsnest-collection=“speaker” is found, but the url link in the CMS Collection Item is not working. Check if the Link Block or Text Link have the correct link to the Item’s Template page.”...

Tomek Grabski

7/3/2024

Number field formatting in CMS Collection

Hi there. I have Number field in my CMS Collection, and the numbers after adding Collection items look like this – 100000, 249000, etc. These are property prices (I am creating real estate website) and should be displayed like this – 100,000€ or 249,000€. I am also using CMS Filter from Finsweet to filter properties by price range (from - to). How can I format these prices so the filtering/sorting will still work?

910ZEN

6/17/2024

Webflow site based on Web Bae’s Horizontal Scroll, loads zoomed out in Chrome on iPhone

Greetings! I've used @Web Bae 's inital "Flawless Horizontal Scrolling in Webflow" structure set up in Webflow to flesh out my site, but I'm running into some weirdness when it's viewed specificly in Google Chrome on the iPhone (perhaps other divices?). The link to the Webflow site is: https://910zen-v3.webflow.io/ Webflow Read Only Link: https://preview.webflow.com/preview/910zen-v3?utm_medium=preview_link&utm_source=designer&utm_content=910zen-v3&preview=2a0bb0fda70d3a64b98d5d665d9ae006&workflow=preview ...

infernus

6/14/2024

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?

João Oliva

6/10/2024

Applying a flex-grow on swiper active slide

Hey everyone, happy to be here! :webbae: I'm trying to implement this functionality where the info box appears on the right side on the active slide. I was thinking of making it appear by growing the container. I've searched everywhere, even codePen but I'm struggling a bit to find it. I'm currently using fixed values on my read-only instead of flex-grow, but I think I might be complicating it? The issue here is that, since I'm changing the width of each slider everytime it goes active, the swiper is needs to be re-calculating the width over and over again. Any suggestions are very welcome! ...

Sushant Dhiwar

6/7/2024

Need help with this animation

I am trying to get one animation similar to (https://martingarrix.com/) when the "+" icon scales and the other section enters but I have to move the below section up in the animation but by doing so, every section below will have to move up. Need help on how can I achieve it. Also, the image when scales up is distorted and not clear how to fix that too? Read only: https://preview.webflow.com/preview/prac-layout?utm_medium=preview_link&utm_source=designer&utm_content=prac-layout&preview=51bfe57fab782f94c19e73f0533bd43e&pageId=664318bf7e06c0c8877b20a4&locale=en&workflow=preview...

kaif_suthar

6/4/2024

how to make this text erasing effect

hi i want to re build this website "https://www.agilebydesign.com/"...

Michael Lee

6/3/2024

imagesLoaded not recognizing images in <canvas> element

@Web Bae Continuing from the question I posed on your YouTube video for creating a real progress indicator, I've added a Codepen link with the code in the JS section. It is from one of Timothy Ricks' tutorials for creating a PNG sequence that is tied to a GSAP ScrollTrigger animation. So I'm not sure exactly why the browser wouldn't recognize the images for the imagesLoaded library. https://codepen.io/mikelee22/pen/GRamWzM...

Previous Next

Gaming

Programming

Web Bae

Chat and get help with Webflow and Javascript.

Web Bae

Chat and get help with Webflow and Javascript.