Jump to content
GreenSock

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

qqignatqq

Members
  • Posts

    61
  • Joined

  • Last visited

Everything posted by qqignatqq

  1. Hello. In addition to the animation, I want to add a style property for the class: "pointer-events: none". I did it like this: gsap.to(document.querySelector('.contfeed'),{duration:0.5, opacity:0.1, onComplete:function() {document.querySelector('.contfeed').style.pointerEvents = "none";} }) It works, but I wanted to ask, is this the right decision?
  2. I tried both js and css animate. In both cases, the second circle makes a very large circle. You need to hover and wait a little bit. At some point you will see it https://jsfiddle.net/a7zge5mh/
  3. Hello. https://jsfiddle.net/sh6kbv1u/2/ I'm making you my cursor. You need to start rotating around your axis when you hover the circle "C2" (dotted line). When I do a transform rotate, it starts to rotate around the reference point, and changing the transform-origin does not help.
  4. Thanks to Mikel, but I had a little different. Here's how it's done with me. When you move the mouse, the XY position changes: https://jsfiddle.net/6q0dgp28/
  5. Thank you so much for the hint, but I'm not going to be able to use this option, because I also animate X and Y in addition to Scale when I move the mouse. In any case, thank you. I used your decision in another part of the code, it helped me a lot. I have a question. Is there any way you can use it for the whole function "overwrite:true" and for a certain part "overwrite:false". I'm asking because I stopped working on this piece of code: https://jsfiddle.net/2b9fgxL0/ . Opacity doesn't work for some reason... If overwrite is removed, everything will be fine.
  6. Hello. After the update began to work strange animation. When pointing at a block, the image should approach, and when the mouse is removed - it should take its original position, but for some reason in the new gsap it does not work. OlD: https://jsfiddle.net/v07h348a/ NEW: https://jsfiddle.net/ads2v47q/
  7. Thank you so much for your help! You have helped me very much! I will use your example from jsfidddle. By the way, congratulations on your 1000 likes! Mine was a thousand))))
  8. Hello. How to make the animation run without waiting for the end of the previous animation? I want to do my own animation as I scroll through the page and I need the blocks to appear alternately. Here is my code:https://jsfiddle.net/h7qp5m64/1/ I thought that if I prescribed a negative start to the animation, it would work the way it should, but I didn't really get it right. In the beginning the animation goes very quickly. To see how it should work, you need to quickly scroll down the page and then there will be a normal animation.
  9. document.querySelectorAll(".anyclass")[2] ?
  10. If there are several identical classes, can we refer to, for example, the third one? <div class="anyclass">NOT THIS</div> <div class="anyclass">NOT THIS</div> <div class="anyclass">---THIS---</div> <div class="anyclass">NOT THIS</div>
  11. Don't you see the video I'm sending you? At the very top of the page the distance is very small and at the bottom of the page the distance is very large. Here is another new video: https://yadi.sk/i/zPXV5W1SjKz9ZA
  12. Do not confuse speed with distance. They run different distances. If I prescribe this code you gave me, nothing will change.
  13. Thank you. I noticed, but I still don't understand how to work with it?
  14. Mikel, there's a very strange scrolling operation. At the very beginning of the page the scroll step is very small (~20px), and at the bottom of the page the step is very big (~100px). Here is the video: https://yadi.sk/i/VMIafj2PByExRw
  15. If the file has ever been downloaded, yes: it will be cached and will not be downloaded twice. But if earlier this file in a cache was not present, it will be downloaded 2 times. StackOverlow won't help me, because it's a gsap question. There are a lot of users in the world who don't have tweenmax in their cache and they will have to download it twice. With jquery, the problem was solved and I showed the code to solve the problem from the first post. How to do the same for tweenmax? Translated with www.DeepL.com/Translator
  16. No, I don't use a CDN. I download the scripts I need and place them on my hosting via <script src="js/jquery-3.2.1.min.js"></script>. On the screen you can see that the TweenMax.min.js file was downloaded 2 times. Even if I use the CDN, the file (if it hasn't been in the cache before) is downloaded twice.
  17. I'm sorry. Translated with deepl and didn't read what he translated. Yes, I meant "downloaded 2 times". In Russian "downloaded and uploaded" - consonant.
  18. No. Alas. I checked it on the image. If you put the image on the site and place the same image in the iframe, it will be uploaded 2 times
  19. Hello. I have a site, I have an iframe site with the same domain name. I don't want to load gsap twice. In order to send jquery to an iframe I use this code: var iframeBody = document.getElementsByTagName("body")[0]; var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); }; var $ = jQuery; How to pass gsap to iframe?
  20. Sorry, I didn't see the message... Okay, thank you. I'll deal with it. While I'm trying to understand why the scroll is acting strangely when changing direction.
  21. Thank you, Mikel, but this scroll doesn't work like that. There is a scrollbar in it, but not in your version.
  22. Thanks for the advice, but I still haven't figured it out. I'll sit back and think about how to make a smooth animation in the window. If I find a solution, I will definitely put it here. Maybe someone else will need it
  23. Hello. I'm trying to set up this post for myself: https://greensock.com/forums/topic/17300-smooth-page-scroll/ , but I can't do it I've been trying to make sure that the smooth scrolling doesn't work in body but in div. I shouldn't have overflow on my body site. I understand that the problem is with these lines: var html = document.documentElement; var body = document.body; I tried to write body = $('.mywindow'); but I have an error. Can you tell me if this is possible at all? Thank you https://jsfiddle.net/cjenr2qg/
  24. Hello. I'm trying to do as on https://mgimo.ru . There are 3 blocks and they are of different heights, but they scroll at different speeds and come to an end at the same time. I tried to do it, but I failed. And for some reason, when you cover a distance of 200%, the scroll height changes. Can you tell me what to do, that it worked well? https://jsfiddle.net/d8vhx5jc/1/
×