Scale resets on draggable scroll

[John Bell]

Hello,

 

I have a draggable scroll area which contains a map. I want to be able to zoom in and out using scaling, however after I zoom in and drag to the edge of the map, the scale resets itself to it's original state.

 

Is there anyway I can preserve scaling while using draggable?

 

Thanks in advance.

 

John

[Carl]

Hi and welcome to the GreenSock forums,

 

Sorry to hear you are having trouble with Draggable. Having trouble understanding the issue you describe. Difficult to provide a practical solution without seeing exactly what you are running into. Please provide a very basic demo with just enough code to illustrate the problem.

The demo below is set up with TweenMax and Draggable. Just click run, click "edit on CodePen", click fork, add just enough of your code to illustrate the issue, save, paste the link into your reply.

 

We'll do our best to find a solution.

 

See the Pen yXMXEy by GreenSock (@GreenSock) on CodePen

 

[John Bell]

Hi

 

Thanks for the response. Below is a codepen describing the problem, the issue is that after you click zoom and drag to the edge of the map, the scale resets:

 

See the Pen MEryLM by anon (@anon) on CodePen

 

 

[OSUblake]

That's not your div, so don't touch it.

 

Setting the scale on the image works as expected.

 

See the Pen VMyzQO?editors=0010 by osublake (@osublake) on CodePen