- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
有没有一种方法可以通过单击事件显示带有滚动显示的所有项目? 也许显示所有功能?
问题:
我正在使用滚动显示和同位素。同位素的排序功能与滚动显示 react 奇怪。
当我点击“过滤器”按钮时,我调用了同位素函数过滤器。
$grid.isotope({filter: '.fish-filter'}); // example
但是,如果我在单击所述文件管理器按钮后向下滚动,我的网格中就会出现漏洞,我必须在通过滚动显示所有项目后“重新单击”该按钮
谢谢!!
更新
我在这里添加了布局调用 - 这至少修复了之前存在的漏洞:
window.sr = ScrollReveal({
beforeReveal: function (domEl) {
//$grid.isotope( 'layout'); // fixes holes
},
afterReveal: function (domEl) {
$grid.isotope('layout');
}
});
但是 - 新过滤的项目不会像滚动显示那样“淡入”,它们会像 isotope 的样式那样“平铺”。理想的情况是显示所有和布局场景 - 这样你就不会注意到动画中的任何差异 - 或者另一种情况可能只是简单的持续淡入而不管过滤器点击。
更新更新
我们决定让所有的瓷砖高度相同,这样就不会再遇到这个问题。
谢谢
最佳答案
Isoptope 有一个叫做 relayout 的功能。你可以像这样使用它 $grid.isotope( 'reLayout', callback )
您可以阅读文档 here
考虑到您遇到的问题,此功能可能更有用。
但是,要具体回答您的问题:Isotope 只是添加了一个类来隐藏项目,因此您可以使用这样的函数“重置”
$('button').on('click', function() {
//You can reset the CSS
$('.isotope-hidden').removeClass('isotope-hidden');
//Or you can use the isotope filter reset.
$grid.isotope({ filter: '*' });
});
关于javascript - ScrollReveal.js — 在点击或事件时显示所有项目?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39403750/
所以我正在尝试为这家本地餐馆制作一个网站,现在我正在为 nav ul(菜单)制作拉出动画。以前,我刚刚添加了一些 scrollReveal 动画来为导航栏按钮和介绍消息设置动画。它工作正常......
这是我在这个社区中的第一篇文章。我正准备解决一个与 ScrollReveal.js 代码和我在同一页面上内置的视差组合有关的问题。 我的问题:在我页面的页眉部分,我有一个复杂的视差,其中有多个图层的城
我正在尝试使用 Julian Lloyd ( ScrollReveal ) 编写的广受赞誉的 ScrollReveal.js 我已经按照页面和其他网站上的说明指南进行操作,但是脚本没有提供预期的效果,
我尝试在 modal 上使用 scrollreveal.js。但是当模态滚动时,我在显示内容时遇到了问题。我已经尝试将视口(viewport)(请参阅下面的代码均无效)更改为 myModal 但仍然无
有没有一种方法可以通过单击事件显示带有滚动显示的所有项目? 也许显示所有功能? 问题: 我正在使用滚动显示和同位素。同位素的排序功能与滚动显示 react 奇怪。 当我点击“过滤器”按钮时,我调用了同
滚动时,我正在使用 anijs 为网站上的某些内容制作动画 http://anijs.github.io/ 这是我的代码: data-anijs="if: scroll, on: window, do
注意到当我在 this 上调整浏览器窗口大小时网站底部添加了一堆空间,就在页脚下方。 禁用 Scrollreveal.js 可以解决问题,但我想保留动画。 这个错误在 Chrome/Safari 中很
我读过很多教程,但我很难让 ScrollReveal 正常工作。我有两个主要列,左侧使用滚动条,右侧不滚动。 控制台中没有错误,当我检查我想要显示的 div 元素时,我得到了这个: text
我在将 scrollreveal.js 与 flexbox 一起使用时遇到问题。 我已经使用 display flex 在页面上创建了一些两列的行,当尝试使用 scrollreveal 引用分别显示每
我正在使用Scrollreveal.js在我的网站上显示一些 div。 现在我希望 Scrollreveal 在显示特定 div 后调用函数。 正如文档所述: ”//为每个完成的元素触发的回调显示并重
我一直在查看包含此错误的不同论坛,并尝试使用我阅读过的不同内容来消除此错误。我曾尝试删除任何重复的库,并更改它们出现的顺序,但似乎对我没有任何作用。我正在使用 Bootstrap 主题 scrollr
我想在我的项目中将 ScrollReveal.js ( https://github.com/julianlloyd/scrollReveal.js ) 与 Isotope 一起使用,以便在用户滚动时
我目前正在使用 ScrollReveal.js 使一堆微小的像素化框在滚动时做随机的事情,代码如下: var index=0; $(document).ready(function(){ jQ
我正在尝试同时使用 scrollReveal.js和 onepage-scroll.js scrollReveal 应该在浏览器显示元素时为元素设置动画。 onepage-scroll 有助于“伪造”
我是一名优秀的程序员,十分优秀!