个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我想要一个像《流沙》那样的动画
我不想使用流沙，因为我的设置非常不同，它使一切变得复杂。
因此，如果您能够向我提示该动画的工作原理以及如何实现这样的效果，我将非常高兴。
谢谢大家。
最佳答案
其背后的基本概念是:
暂时保存第一个集合，然后使用 display:hidden 加载第二个集合。
识别双核并隐藏第一个集合中的其他所有内容。
显示新集合，同时保留那些隐藏的集合
计算缺失项目的偏移量，将旧项目移动到该位置。
从新集合中取消隐藏双线并从 DOM 中删除旧线
关于javascript - 如何仅使用 jQuery 构建类似 Quicksand 的动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6908304/
25
4
0
我花了很长时间弄清楚如何获得 quicksand使用选择和选项表单而不是 href 链接。现在我有一个问题，因为动画是卡顿的。我不能让它顺利。它开始时很好，然后突然回到左边。可以看一个在线例子: ht
我遇到了与此类似的问题... CSS bubbling while using jQuery Quicksand .当我点击过滤器时， 获得一个绝对位置和一个 top: 206 并在转换完成后滑回 0
我正在使用 jQuery 的流沙插件对单个元素列表进行排序。排序工作正常，但当流沙将排序后的元素移动到新位置时，排序就完全错误了。 Site Link 例如，如果您点击“战斗”，您会看到3 张图片在左
请在此处查看工作演示: jQuery Quicksand demo 文件来源可以从here.下载。 按以下方式对数据进行排序: A B C D E F G H I J K L
我正在使用 jquery fastsand，我想知道如何返回到列表已预先排序的页面。我对 javascript 不太了解，因此我们将不胜感激。 编辑 找到了类似过滤器的解决方案 http://save
我现在正在使用 QuickSand，但我无法执行某些操作。我想创建包含 3 个类别的小型画廊，例如:所有、公共(public)汽车、汽车。如果我通过默认设置使用 QuickSand 执行此操作，则会出
我正在尝试使用 quicksand.js 过滤数据集合。但是，我在显示数据时遇到问题。我已经能够让数据消失。然而，它不会再次出现。我创建了一个jsfiddle，可用here 。基本上，我的 JavaS
我正在尝试将可过滤的流沙组合与 Wordpress 网站中的分页相结合。我搜索了很多，有一些使用标准 Wordpress 分页的示例，但这些示例加载另一个分页 url 并对投资组合项目执行新查询。流沙
我正在尝试使用jQuery Quicksand从一组选项中过滤多个项目列表。 正如文档所建议的，我的插件功能基于一个简单的类(而不是 id)。这是我的 JS 代码: $(function() { //
演示看起来很简单，当我单击按钮时它只会动画一次。问题是:如何再次将“destination”更改为“source”？(它应该有两组项目) Javascript: $('#source').quicks
所以我的 jQuery Captify(图像翻转的标题)和 Quicksand(图像过滤系统)不能很好地协同工作。当页面加载时，当我将鼠标悬停在图像上时，我的 Captify 工作正常，但是当我单击一
我正在使用流沙，但我想在由 Quicksand jquery 过滤的元素内添加悬停效果。 (function ($) { var $itemsHolder = $('ul.proyectost
基本上......让这个工作...... JSFiddle! 我正在尝试使用 jQuery 插件来过滤 3 个 UL 中的项目。 (每个 将有无限数量的列表项。) 我正在使用的插件位于下面的链接 (
当我点击过滤器时，li 在过渡到过滤器之前得到一个左侧重叠位置。我测试了以前的问题和答案，但没有解决问题。 ul 不使用绝对位置，li 类保留 float 。 这是html
我正在使用“Quicksand”字体设计网站。这种字体已经安装在我的 Macbook 上，但有谁知道这是否也是 Windows 机器上的默认字体？或者将它包含在我的 CSS 文件中会更安全吗？ 非常感
我想要一个像《流沙》那样的动画 Quicksand animation example 我不想使用流沙，因为我的设置非常不同，它使一切变得复杂。 因此，如果您能够向我提示该动画的工作原理以及如何实现这
我一直在尝试使用 Bootstrap Modal 功能和流沙排序插件制作灯箱作品集。我原来关注了this tutorial我不得不稍微努力一下才能在 Bootstrap 3.0.0(我正在使用的版本)
我的网站上有流沙的编辑版本，它在所有浏览器或至少 chrome opera 和 firefox 上都能正确显示。但是，在 IE 上我遇到了 css 问题。当我使用静态版本时，即使在 IE 上也能正确显
我正在使用 jQuery Quicksand 创建一个可过滤的文章组合: http://davekiss.com/new/ 问题是，当点击边栏段落中的过滤器(视频、网站、动态图形)时，CSS 在被过滤
我在将 Quicksand 过滤集成到我的元素列表时遇到了一些问题，不确定是 js 还是 css 问题。 这是集成了 Quicksand 过滤的页面的 URL: http://yarday.com/p
我是一名优秀的程序员,十分优秀！