Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Narendra Verma

  • Content Count

  • Joined

  • Last visited

Community Reputation

4 Newbie

About Narendra Verma

  • Rank
    Advanced Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. @mikel, Yes, This time it's working perfectly. Thank you so much for I really appreciate your help and support.
  2. @mikel, Thanks you so much for the reply. Yes, I am looking for the same and I implemented your answer with my code. My only issue is, end section is also scrolling before end the horizontal scroll. I tried to add the endtrigger but it's not working. endTrigger:".bg_black", https://codepen.io/Narendra_verma/pen/eYZXygp
  3. @mikel, @ZachSaucier Can you help me out how to use more then one horizontal slide? I have only one section and inside that section i have min five horizontal slide.
  4. @ZachSaucier, Thanks for the help, I can understand that here are lot's of thread and you have to reply on each. I am really appreciate help and support. About my issue, I am already using the toArray which i added in the codepen while asking the question. I also added the reference codepen. @mikel suggested me for horizontal slider but that is only one. So definitely i will ask how to add second one? It's will be more helpful if someone help me what is the issue with my code.
  5. @mikel, How can I add another horizontal slider? I change the fromRight id to class. I have only one section and inside one section i have min five horizontal slide. <section> <h1>Section 01</h1> </section> <section id="sec02"> <h1>Section 02</h1> <div class="fromRight"> <h1>from Right one</h1> </div> <div class="fromRight"> <h1>from Right two</h1> </div> </section> <section> <h1>End</h1> </section> <script type="text/
  6. @akapowl, Yes, Thanks for the information. I added the parent class of the section. I don't know it's correct or not but it's working for me. For Second section t1.from(".blueBox_gsap .heading h2", { duration: 1, opacity: 0}) .from(".blueBox_gsap .heading p", {duration: 1,opacity: 0}); For Third section t2.from(".redBox_gsap .heading h2", { duration: 1, opacity: 0}) .from(".redBox_gsap .heading p", {duration: 1,opacity: 0});
  7. @mikel, Thanks you for the answer. Two things 1) What is the issue with my code? 2) Is it possible to end the horizontal slide when the user scrolls once. I mean once scroll then horizontal slide start from the right and end it left side. I don't want to stop it in between.
  8. Hello, I am using Wordpress and sharing my code in codepen. I am trying to scroll horizontal but I am getting some issues. Like when I reach the second section and scroll then my end section going up and then my horizontal scroll working. I need, Like when I second section is on view port then scroll horizontal scroll from right to left. I checked below example. But in below example. I don't want to scroll the first "Horizontal snapping sections (simple)" and once scroll needed. https://codepen.io/GreenSock/pen/YzygYvM
  9. @ZachSaucier, I don't know why it's not working for me. I watch the ScrollTrigger video more than 5 times but still, I am not able to understand what is the issue with my code. H2 and p tags animation not working as expected. If h2 and p tag animation is working for the second section then I am getting issue on third section. https://codepen.io/Narendra_verma/pen/YzqBbVo
  10. @ZachSaucier, Oh! I apologies. I don't know about the fork. I'll try this next time. I watch that video 2-3 times but still, I have a questions why it's not working for me.😨
  11. @ZachSaucier, Yes, I tried end:"bottom bottom" In the second section(Blue one). When I go to the bottom then H2 and p tag animation is working but once reach at the top then h2 heading not displaying. Also in the third section(Red one) is totally blank. Is there any think I missed in my codepen?
  12. @ZachSaucier, I am tittle bit confused. Can you help me what is the issue with p tag? I mean my p tag animation still not working properly after adding the end position. Is there anything i missed?
  13. @ZachSaucier, Yes I added the endTrigger: ".redBox_gsap", Now the only issue is with my heading p tag. Updated my codepen.
  14. Hello, I have a small issue while scrolling. What I am doing is, when I scroll and reach the section then I also want to fade in my h2 and p tag. I am talking about the second section(which is in the blue). As of now, fade in working only with h2 tag. Now when my third section comes on the viewport then I have to animation my h2,p, one, two, three, and four content. Would you help me out with this issue?
  15. @akapowl, and @Visual-Q Thank you so much for the solution. Your answer is working. I need one more help. What I am doing is, Once display all the black box on screen then if the user scroll more then I have to fadeout my all the boxes and fadein my content one by one which I added inside the same section. Please check my below codepen. https://codepen.io/Narendra_verma/pen/OJNrpZP