gpt4 book ai didi

javascript - Bootstrap 3 图像自动调整全屏大小和滚动效果

转载 作者:太空宇宙 更新时间:2023-11-04 14:18:01 24 4
gpt4 key购买 nike

嗨,这就是我要实现的目标 http://michaelisboyd.com/1.图像自动调整为用户当前分辨率的全宽和全高。2.滚动效果。

这是我的代码 http://codepen.io/anon/pen/wCKoJ

我的问题是我不明白在哪里挖掘。不确定他们是怎么做到的……一方面,他们以某种方式调用了没有直接出现在源代码中的 javascript 文件……可能是通过 require.js 文件……但这是唯一的 .js出现在文件中,但当页面加载完成时,浏览器中加载了 34 个脚本如果您有教程或知道操作步骤,我将不胜感激任何有关它的信息。

最佳答案

对于 #1,我想你可以看看这个 jquery 库 http://srobbin.com/jquery-plugins/backstretch/

#2 的滚动效果在这个文件中 http://michaelisboyd.com/wp-content/themes/mba/js/views/HeaderView.js但我认为您需要更深入地研究 imageHeadDoSnap 函数中的代码

另外你可以查看这些库的demo

http://markdalgleish.com/projects/stellar.js/ https://github.com/desandro/isotope (http://michaelisboyd.com/网格系统就是基于此)

关于javascript - Bootstrap 3 图像自动调整全屏大小和滚动效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20156267/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com