Araf Hossain
Members-
Posts
37 -
Joined
-
Last visited
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by Araf Hossain
-
I don't know why this is happening. I have tried a lot. But whenever I comes few minutes later to the slider tab it collapse all sliders numbers and images in one place. Check the attached image. Why is this happening. And would you please tell me how can I make this slider exactly like this video: https://drive.google.com/file/d/1_yB3fLq4PiINnd-Te4SJHRDBrQBII-U0/view?usp=sharing
-
Moving Background Image Vertically on Scroll and hide after a section
Araf Hossain replied to Araf Hossain's topic in GSAP
I have done as you have done. But it not working. Because my every section "position: absolute" for this reason it not working might be. Checkout my pin then maybe you will get some idea. https://codepen.io/arafnoob/pen/Yzwpevj -
Moving Background Image Vertically on Scroll and hide after a section
Araf Hossain replied to Araf Hossain's topic in GSAP
I have tried lots of things after that I come up with GSAP. In gsap it is pretty much easy I know. But for the newbie I don't know how to do it. -
Moving Background Image Vertically on Scroll and hide after a section
Araf Hossain replied to Araf Hossain's topic in GSAP
I really appreciate your answer. But it is very complicated for me Is there any simple way to do? Would you please give an example with my codepen code? Thank you -
As you can see in my codepen code there is a image and I want to fixed its position center in the section. When scrolling down it will follow the scroll. When the following section comes up there will be a parallax effect. That means image will stick at the bottom of that section and following sections going up over the image. Here is a simple example. Like the form on that website, I want my image but in the center of viewport. If you don't understand please let me know.
-
There is a pen image as the background image on my site. http://araf.dynamicflowdev.com When scrolling down the image should follow the scroll but it delay, after scrolling stop then it change the background position. When scrolling up FAST, it shows full image of pen and give space to the top. Which I don't want. I want that pen stick to the top of that section. But when scrolling down it will change its position to down.
-
I appreciate what you have given to me. But it is not what I want. But I will use this to my another project So advance thank you Check out this site http://araf.dynamicflowdev.com on the 3rd section where pen is in the background. that pen's position is moving when I am scrolling but not moving asap when scroll is moving. I have set whole section for "Scrub: 2" because I want the smooth scrolling. If you see in my website when scrolling down that background coming down but not catching the sidebar-scroll asap. Taking time to catch the sidebar-scroll. For this reason, when scrolling up it shows the full background image. Which is awkward. Try to scroll my website you will get my point of view. Check my pin update what i did in there. Set the background position. https://codepen.io/arafnoob/pen/Yzwpevj
-
Hey there you can see I have a image in the second section. I just want to set the background position and move that when scroll. I know it is possible to do with the timeline but I have already used that timeline for all the sections. So, I don't know how to move that specific image when scroll. And I have tried this code. From & To. But this wouldn't work. I don't know why. gsap.from(".panel:nth-child(2)", { backgroundPosition: `2% 0%`, }); gsap.to(".panel:nth-child(2)", { backgroundPosition: `0% 100%`, scrollTrigger: { trigger: "#container", scrub: true, } }); Is there anyone who can help me with this thing ?
-
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
Then we are in the same page cool. -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
Hey I solved it with the "<span>" tag and "data-url" attr. Whatever thanks to you -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
Hey sorry, it's not working . no need to answer that. -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
Hey, I have a solution, would you please tell me? is there possible to add 'scrollBy' function in there?? -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
I wish I can ? -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
By the way, have you seen that? after manually scrolling down to the another section. Then, when I click on the side nav links; It goes up as we wanted. But it's not going down when we click on those same links -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
as much I know, there is a 'ScrollTo' function which is interrupting your created function. And I don't know how to find it -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
I just want you to see this script. http://araf.dynamicflowdev.com/wp-content/plugins/revslider/public/assets/js/rbtools.min.js?ver=6.0.5 And I have removed GSAP 1. In this script there are some 'ScrollToPlugin' codes. Press the 'ctrl+f' then find the scrolltoplugin. You will understand. Do you think it is affecting something on my site? -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
Do you have a minute? -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
When I use "document", sidebar scroll does not move. So when I scroll with my mouse. It starts from beginning. And there are some glitches. -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
I have seen all of those HTML & CSS changes. I have seen my console too. When i click on the links there is no error. I have seen tons of examples and tons of site .. Feeling soooo lonely. Sorry for disturbing when you available on your PC then please check this site. http://araf.dynamicflowdev.com/ -
Active nav-item styling using both scrollTrigger and click
Araf Hossain replied to Sonya.Ninja's topic in GSAP
By the way when I place "document" instead of "window" it works fine. Here is a example. gsap.to(window, {scrollTo: i * innerHeight}); Now placing document. gsap.to(document, {scrollTo: i * innerHeight});