我开始在我的项目中使用awsome JQuery Isotope插件.一切都很好,但我有一个问题与corner-stapm选项.
我的masnory网格中的每个元素都有固定宽度(220px + 5边距)和随机高度(取决于其内容),我在CSS文件中使用@media查询来更改不同屏幕分辨率上的列数(页面宽度可以是230,460 ,690 ......等).
拐角印章的问题出现在最窄的版本(一列) - 角落印章覆盖着同位素元素......
在此演示中的同位素官方页面上也出现同样的问题:http://isotope.metafizzy.co/custom-layout-modes/masonry-corner-stamp.html(当窗口缩小时,大红色矩形隐藏在其他同位素元素后面) .
我发现它可以在Masnory插件演示站点中正常工作! http://masonry.desandro.com/demos/corner-stamp.html
我已经结合将网站脚本从Masnory复制到Isotope,但没有运气,因为我对JS/jQuery不太擅长:/
让它在Isotope中工作会很棒,因为我希望我的网站有过滤选项(在Masnory插件中不可用).