la fenêtre de l'événement de redimensionnement pour la colonne vertébrale vue

Je suis en utilisant épine Dorsale de vue en javascript.

J'ai créé un squelette comme suit :

var MaskView = Backbone.View.extend({
      className: "dropdown-mask",
      initialize: function(){

      },
      onClick: function(e){

      },
      hide: function(){

      },
      makeCSS: function(){
        return {
          width  : Math.max(document.documentElement.scrollWidth,  $(window).width()),
          height : Math.max(document.documentElement.scrollHeight, $(window).height())
        }
      }
    });

je veux capturer cas de redimensionnement de la fenêtre à l'intérieur de la vue.

Le problème est que, lorsque la fenêtre est complètement chargé, et masque la vue est créé à partir du dessus de la dorsale vue. Maintenant, quand je redimensionner la fenêtre, le masque ne couvre qu'une partielle de la surface de la fenêtre.
Je veux que chaque fois que la fenêtre est rechargé, le masque change également selon la taille de la fenêtre courante de façon dynamique.

Comment puis-je y parvenir?

OriginalL'auteur codeofnode | 2013-07-26

  1. 20

    Épine dorsale s'appuie sur jQuery (ou zepto) pour la manipulation du DOM. jQuery .resize() est l'événement que vous cherchez, si vous voulez écrire quelque chose comme ceci:

    var MaskView = Backbone.View.extend({
    initialize: function() {
        $(window).on("resize", this.updateCSS);
    },

    updateCSS: function() {
        this.$el.css(this.makeCSS());
    },

    remove: function() {
        $(window).off("resize", this.updateCSS);
        Backbone.View.prototype.remove.apply(this, arguments);
    }
});

    Qui dit que je ferais un pari que vous n'avez pas besoin d'utiliser le JavaScript pour cela. Aucune raison pourquoi un simple vieux style CSS ne pas faire l'affaire? Quelque chose comme ceci:

    .dropdown-mask {
    width: 100%;
    height: 100%;
    position: fixed;
}
    Je ne sais pas, est-il un pur CSS de façon à être fixé uniquement si la fenêtre est d'une certaine taille, puis de faire défiler et de changer le contenu de la taille pour maintenir le ratio d'aspect lorsqu'en vertu d'un minimum?
    Vous pourriez probablement mettre en œuvre en utilisant les media queries dans votre CSS pour modifier les propriétés en fonction de la taille de l'écran. Voir la réponse de question

    OriginalL'auteur Vishal Parpia