Jump to content
Search Community

shubich

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by shubich

  1. Hi everyone!

    I making familiar range slider and have a question. 

    In my case left slider shouldn't go beyond the right one and vice versa.

    I did it, but question is:

    > How to set coordinates in % and save logic?

    When I set left property, other features doesn't work.

    TweenLite.set(this.leftKnob.target, {
      left: '0%',
      onUpdate: this.leftKnob.update,
      onUpdateScope: this.leftKnob
    });
    
    TweenLite.set(this.rightKnob.target, {
      left: '100%',
      onUpdate: this.rightKnob.update,
      onUpdateScope: this.rightKnob
    });

    So, I can use container.offsetWidth, but I think it's not a good idea. 

    This way I must calculate this value every time on browser window size change.

    My code is

    See the Pen mxmoQz by shubich (@shubich) on CodePen

    .

×
×
  • Create New...