behaviors.js

    Behaviors.Dialog = Marionette.Behavior.extend({
        tiggers: {
            'click .js-close-dialog': 'dialog:close'
        },
        events: {
            'click .js-close-dialog': 'closeDialog'
        },
        initialize: function (opts) {
            this.$overlay = $(document).find('#modal-overlay')
            this.$content = $(document).find('#modal-content')
        },
        onRender: function () {
            this.openDialog();
        },
        closeDialog: function () {
            console.log("I am closed behaviour dialog");
            this.$content.hide();
            this.$overlay.hide();
            $('.js-page').removeClass('scroll-clear').css({top:0, paddingRight: 0});
            $(document).scrollTop(this.initScrollTop);
            this.view.close();
        },
        openDialog: function () {
            this.initScrollTop = $(document).scrollTop();
            this.$overlay.show();
            this.$content.html(this.view.el).show();
            $('.js-page').addClass('scroll-clear').css({
                top: -1 * this.initScrollTop,
                paddingRight: SYS_SCROLL_WIDTH + 'px'
            });

        },
        onClose: function () {
            this.closeDialog();
        }
    });