返回上一个缩略图概览会导致闪烁。以慢动作观看它,缩略图页面的构建变得可见。如果快速加载图像,问题就会消失,但如果连接速度很慢,则会非常明显。在flexbox放置所有元素后,有没有办法将缩略图页保留在缓存中或渲染页面?或者还有其他解决方案吗?谢谢!
慢动作: https://www.youtube.com/watch?v=x3vvCRIJdRo
所有图像都是小精灵,然后被绘制到画布btw。我也使用flexbox。
网站:http://eboydb.mod.bz/pool/all/1(将删除此链接 - 如果已修复)
修改
刚刚尝试将waitOn与Iron Router一起使用 - 如下所示。但它似乎并没有什么不同。
Router.route('/pool/:slug/:page', {
name: 'pool',
template: 'pool',
after: function() {
document.title = siteName + ' /pool/' + this.params.slug + '/' + this.params.page;
},
waitOn: function() {
// set search slugs that will show everything
var allOptions = [
"all",
"everything",
"show all",
];
// when the slug is part of the array show everything
if (allOptions.indexOf(this.params.slug.toLowerCase()) > -1) {
var searchTerm = ".*";
// console.log('slug: all > ' + this.params.slug);
} else {
var searchTerm = this.params.slug;
}
Meteor.subscribe('PixQuery', searchTerm, this.params.page);
},
data: function() {
templateData = {
slug: this.params.slug,
}
return templateData;
}
});