How to use scrollspy after a dom element changed height? about jquery-scrollspy HOT 2 OPEN

MyApp: {
    mySection: $('#my-section'),

    scrollSpy: {
        init: function() {
            this.mySectionMinValue = 0;
            this.mySectionMaxValue = 0;

            this._initMySection();

            $(document).on('heightChange', $.proxy(this._resetHeights, this));
        },

        _initMySection: function() {
            MyApp.mySection.scrollspy({
                min: MyApp.scrollSpy.getMySectionMinValue,
                max: MyApp.scrollSpy.getMySectionMaxValue,
                onEnter: function() {
                    // do stuff
                },
                onLeave: function() {
                    // undo stuff
                }
            });

            return this;
        },

        getMySectionMinValue: function() {
            if (MyApp.scrollSpy.MySectionMinValue === 0) {
                MyApp.scrollSpy.MySectionMinValue = MyApp.MySection.offset().top;
            }

            return MyApp.scrollSpy.MySectionMinValue;
        },

        getMySectionMaxValue: function() {
            if (MyApp.scrollSpy.MySectionMaxValue === 0) {
                MyApp.scrollSpy.MySectionMaxValue = MyApp.MySection.offset().top + MyApp.MySection.height();
            }

            return MyApp.scrollSpy.MySectionMaxValue;
        },

        _resetHeights: function() {
            this.mySectionMinValue = 0;
            this.mySectionMaxValue = 0;
        }
    }
}