嗨,这就是我想要实现的目标http://michaelisboyd.com/ 1.Image是自动大小到用户当前分辨率的全宽和高度。 2.滚动效果。
这是我的代码http://codepen.io/anon/pen/wCKoJ
我的问题我不明白在哪里挖。 不确定他们究竟是怎么做的......首先,他们以某种方式调用javascript文件,这些文件并不直接出现在源代码中...可能是通过require.js文件...但这是唯一的.js出现在文件中但是当页面加载完成时,浏览器中有34个已加载的脚本 如果您有教程或知道如何操作的步骤,我将非常感谢有关它的任何信息。
答案 0 :(得分:1)
对于#1我认为你可以看看这个jquery库http://srobbin.com/jquery-plugins/backstretch/
对于#2,滚动效果位于此文件http://michaelisboyd.com/wp-content/themes/mba/js/views/HeaderView.js中,但我认为您需要深入研究imageHeadDoSnap函数中的代码
此外,您可以查看这些库的演示
http://markdalgleish.com/projects/stellar.js/ https://github.com/desandro/isotope(http://michaelisboyd.com/网格系统基于此)