Javascript scroll on an element

Question

I am trying to emulate scrolling on an element with a zoom in button.

I've gotten this to fire, but the zoom is not what I am looking for. It distorts my canvas element.

    var currentZoom = 1.0;

    $('#zoom-in-button').click(function() {
        $('.vis-network canvas').animate({ 'zoom': currentZoom += 200 });
    });

Using jquery and jquery-ui latest.

---

UPDATE: When I say animate distorts it... I mean it totally ruins it.

Answer 1

I think you should use:

currentZoom += 2.0

Zoom values have the value 1 as 'normal'.