Jump to content
Search Community

Notch Interactive

Members

  • Posts

    21

  • Joined

  • Last visited

 Content Type 

Everything posted by Notch Interactive

  1. Notch Interactive
    @PointC thanks man, it works now! so cool. Just one question more: Now when I scroll its jumping more than one slide at a time, depending how "much" I scroll my wheel. That behavior is also in your example. Is there a way to tell the slider to stick only to one slide at a time for each scroll? https://antoni.de/ has this. I wanna achieve something in the direction like they have. Without the mask effect.
  2. Notch Interactive
    @PointC thank you very much for your demo. What exactly is this line here doing? tl.to("#targets", 0.4, { x: -120 * activeSlide }); Especially the -120. yre this px? And what if I use vw and vh for my widths and heights? I dont have the scale effect anymore in my slider. So actually the scroll wheel should slide to the next one, but when I just take this line above its still not working.
  3. Notch Interactive
    @PointC I have the code I used from a tutorial, so I don't really know which parts you exactly mean. Could you maybe point out more specific which code you mean? Thank you very much for your help. Its very appreciated!
  4. Notch Interactive
    @PointC Would you know where do build in this code in my example here? https://codepen.io/cedi44/pen/GebNVz
  5. Notch Interactive
    @PointC yes, that the slides also respond to the mouse-wheel. Okay cool, but where exactly do you place this code?
  6. Notch Interactive
    Hi guys I saw this demo in the forum lately: https://codepen.io/PointC/pen/YRzRyM I have a draggable horizontal slider in my current project and I would like to make it also scrollable with snapping. Snapping already works. But I have no idea how to make it also scrollable because I am a newbie in JS. Thank you for any help! Best, Cédric
  7. Notch Interactive
    @PointC Awesome, thanks a lot, it worked Now everything is working as it should. So nice, thanks!
  8. Notch Interactive
    @GreenSock Now what if I need the same for another class? When I add another class to it its not working again ? function isClickable(e) { while (e.parentNode) { if (e.classList.contains("play-button, primary-link")) { return true; } e = e.parentNode; } return false; }
  9. Notch Interactive
    @GreenSock Oh, now I reached the CodePen you send and pasted that code from there. And it works, thank you very much!! :)
  10. Notch Interactive
    For some reason I cant see the codepen iframes.
  11. Notch Interactive
    @GreenSock thank you for your answer and thoughts. I am a newbie in JavaScript, so what exactly do I need to do with that code? I tried to paste it below my other custom code, but it didnt work with the click.
  12. Notch Interactive
    @PointC I tried to grab together only the relevant code. See it here: Plan is that I wanna make the golden play button clickable, but now the dragging gets started when I click on it. but later a video should start in an overlay. Does that maybe help you to figure it out?
  13. Notch Interactive
    Okay I will try to do that when I find time. What I found out is that when I place the play button outside of the slider, its working as it should. So the problem is that it shouldn't be draggable inside its parent element, the slider which is draggable. so the problem is somewhere in its relation.
  14. Notch Interactive
    In your codepen you have another code onto your help class: Add Class(es) to <html> data-clickable="false" Is that maybe related to my problem? cause that I didnt add.
  15. Notch Interactive
    @PointC Unfortunately its pretty hard to get all this Webflow Code into a Codepen Post. No way you can help me with the live website I sent you?
  16. Notch Interactive
    @PointC I tried it out but didn't work neither ? Already updated means? Do I need to update mines already, too? I have this version: https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/utils/Draggable.min.js
  17. Notch Interactive
    And what I wanna do it to make the golden/light brown play button not draggable. Later a few buttons should follow.
  18. Notch Interactive
    Here you go https://ni-363f83594bd7acf22e3156e5a2578de5.webflow.io/ password is id7.burr
  19. Notch Interactive
    @PointC I now inserted Draggable.create('.play-button', { dragClickables: false }); with the class I want to have not draggable. but nothing happened. Did I make it wrong?
  20. Notch Interactive
    @PointC Thank you very much, and thanks for the quick reply! So does that mean that I just could put in a data-clickable="false"attribute to my html and then it should ignore the elements which are tagged with it?
  21. Notch Interactive
    Hi guys I have a horizontal fullscreen draggable slider. When I click and drag the slides get smaller and you can drag through all the different slides. Now I have the problem, that I wanna put buttons and play-buttons in those slides, but now always when I click on the buttons, the slider starts dragging. Is there a way to block the dragging on a specific element which is inside another draggable container who should stay draggable? Thanks a lot for your help!
×
×
  • Create New...