一个视差自定义过渡
One parallax custom transition
如何在我的网站上创建一个自定义的视差过渡(漂亮的滚动,然后反弹)-
。当你按下一个箭头时,它会带着一个过渡,将用户滚动到屏幕底部,然后在到达那里后稍微反弹一下。所以,如果它很好地滚动然后击中页脚并反应
考虑jquery回调动画
$('#content').animate({marginTop: '-5000px'}, 2000, function(){
$('#content').animate({marginTop: '-4900px'}, 1000);
});
这样做,当然对你的html和css做了大量的假设。如果你想要一个更好的例子,你应该提供一些代码或做一个jsfiddle。
顺便说一下,视差是最近流行的一个愚蠢的流行词。你可以很容易地做一个视差效果的基本实验,以百分比为基础的空白。但不要将视差与滚动和反弹混淆。巨大的差异。相关文章:
- Dojo不解析自定义小部件的模板html中的小部件声明性
- 在自定义mean.io包中使用angular-chart.js作为依赖项
- jQuery自定义验证比较多个输入的序列
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 在wordpress一定时间后更改自定义字段
- 表达式引擎扩展开发-向呈现的条目添加自定义javascript
- 自定义函数中的光标位置
- 用于检查数组中是否存在元素的javascript自定义方法
- 绑定时将Parsley minlength消息作为选项传递时,未对其进行自定义
- Meteor-添加用户自定义字段的方法不起作用
- 自定义表单验证和提交
- jQuery工具验证器自定义效果-添加&消除影响
- 可以't计算自定义谷歌地图的js
- 谷歌水印未显示在自定义搜索框中
- vaadin:使用自定义布局集成angular js
- DataTables-创建自定义分页样式(加载更多样式)
- 实现一个建立在google.com之上的自定义搜索引擎
- 添加自定义标记以自动完成
- 自定义视差
- 一个视差自定义过渡