【问题标题】:Bootstrap 3 image autosize full screen and scroll effectBootstrap 3 图像自动调整全屏和滚动效果
【发布时间】:2013-11-23 07:57:17
【问题描述】:

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

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

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

【问题讨论】:

    标签: javascript jquery css twitter-bootstrap-3


    【解决方案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/isotopehttp://michaelisboyd.com/网格系统就是以此为基础的)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-08-22
      • 1970-01-01
      • 1970-01-01
      • 2016-05-28
      • 1970-01-01
      • 2021-05-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多