2014-01-17 2 views
2

, когда я добавить элемент в списокМетеор потерять скроллбар когда я добавить элемент

страница засавить

но теряют полосы прокрутки (что означает, что я не могу видеть другие части страницы)

прежде чем я добавить пункт:

enter image description here

после того как я добавить пункт:

enter image description here

добавить пункт (JS):

function resetForm() { 
    form.reset(); 
    $("#goodImgPreview").attr('src', ""); 
    $('#addGoodModal').modal('hide'); 
} 
uploadFile.read(file, function(err, upf) { 
    // 展示 上传进度条 
    Session.set('createGoodModalContentOnUpload', true); 
    Meteor.call("upload", upf, function(err, fileId) { 
     if (!err) { 
      good.fileId = fileId; 
      goodsCollection.insert(good); 
      resetForm(); 
      Session.set('createGoodModalContentOnUpload', false); 
     } else { 
      Session.set('createGoodModalContentOnUpload', false); 
     } 
    }); 
}); 

список отображения (HTML):

<div class="row"> 
    {{#each goodList}} 
     {{> goodEdit}} 
    {{/each}} 
</div> 


<template name="goodEdit"> 
    <div class="col-sm-3"> 
     <img src="/uploadDir/{{owner}}/{{fileId}}" alt="" width="160" height="160"> 
     <label for="">{{name}}</label> 
    </div> 
</template> 

список отображения (JS):

Template.shopEditGoods.goodList = function() { 
    return goodsCollection.find({shopId: Session.get('shopId')}); 
} 

маршрутизатор:

Router.map(function() { 
    this.route('shopCreate', {path: '/shopCreate/'}); 

    this.route('shopEditBasic', { 
    path: '/shop/edit/:_id/basic/', 
     layoutTemplate: 'shopEditLayout', 
     waitOn: function() { 
      Session.set('shopId', this.params._id); 
      Session.set('shopEditSideNav', 'shopEditBasic') 
      return Meteor.subscribe('shop', this.params._id); 
     } 
    }); 

    this.route('shopEditGoods', { 
     path: '/shop/edit/:_id/goods/', 
     layoutTemplate: 'shopEditLayout', 
     waitOn: function() { 
      Session.set('shopId', this.params._id); 
      Session.set('shopEditSideNav', 'shopEditGoods') 
      Meteor.subscribe('usergoods'); 
      return Meteor.subscribe('shop', this.params._id); 
     } 
    }); 

    this.route('shopEditPrices', { 
     path: '/shop/edit/:_id/prices/', 
     layoutTemplate: 'shopEditLayout', 
     waitOn: function() { 
      Session.set('shopId', this.params._id); 
      Session.set('shopEditSideNav', 'shopEditPrices') 
      Meteor.subscribe('usergoods'); 
      return Meteor.subscribe('shop', this.params._id); 
     } 
    }); 
}); 

===================================

Я нашел решение: добавить html { overflow: scroll; } to css file , но я до сих пор не знаю, почему это происходит

+0

скриншоты хороши для иллюстрации, но вам нужно разместить соответствующий код, например. шаблон и источник элементов. – Tobold

+0

@Tobold такой смешной комментарий :) –

+0

ye, я добавляю его @Tobold Я просто не уверен, какова точность положения проблемы – ruandao

ответ

2

Вы не указали ни одного html. В сНу контейнер, содержащий все это, вы могли бы использовать что-то вроде:

overflow-y: scoll

в вашем CSS, чтобы заставить полосы прокрутки.

Смежные вопросы