首页 \ 问答 \ 在Materialise.css中获取视差效果需要任何特殊图像吗?(Do you need any special image for getting Parallax effect in Materialize.css?)

在Materialise.css中获取视差效果需要任何特殊图像吗?(Do you need any special image for getting Parallax effect in Materialize.css?)

我正在使用Materialise CSS。

我的代码:

<div class="parallax-container">
    <div class="parallax">
        <img src="../../public/assets/img/mount.jpg" />        
    </div>    
</div>

<div class="parallax-container">
    <div class="parallax">
         <img src="http://www.mrwallpaper.com/wallpapers/landscape-georgia.jpg">
     </div>   
</div>

只有第二个图像在滚动时似乎获得视差效果,而第一个图像似乎以相同的速度移动。 mount.jpg只是我计算机中的随机图像。

而且..当然我在javascript中初始化了视差。

$('.parallax').parallax();


I am using Materialize CSS.

My code :

<div class="parallax-container">
    <div class="parallax">
        <img src="../../public/assets/img/mount.jpg" />        
    </div>    
</div>

<div class="parallax-container">
    <div class="parallax">
         <img src="http://www.mrwallpaper.com/wallpapers/landscape-georgia.jpg">
     </div>   
</div>

Only the second image seems to get a parallax effect while scrolling whereas the first one seems to move with the same speed. mount.jpg is just a random image in my computer.

And.. of course I did initialize parallax in javascript.

$('.parallax').parallax();


原文:https://stackoverflow.com/questions/43304933
更新时间:2022-07-04 10:07

最满意答案

不知道您是否仍需要帮助,但如果您希望能够将环境变量存储在文件中,则可以使用使用zeus init生成的custom_plan.rb 。 以下是我的文件的副本。 我正在使用Omniauth并且需要我的密钥可以轻松更改。 您可以通过重载server方法来添加仅服务器变量,只需知道您的初始化程序将在服务器命令之前运行。

require 'zeus/rails'

class CustomPlan < Zeus::Rails

  def boot

    # Omniauth Keys

    # GOOGLE+
    ENV['GPLUS_KEY']       = 'xxx'
    ENV['GPLUS_SECRET']    = 'xxx'

    # FACEBOOK
    ENV['FACEBOOK_KEY']    = 'xxx'
    ENV['FACEBOOK_SECRET'] = 'xxx'

    super # Finish boot
  end
end

Zeus.plan = CustomPlan.new

Don't know if you still need help with but if you want to be able to store environmental variables in a file you can use the custom_plan.rb that is generated with zeus init. Below is a copy of my file. I am using Omniauth and need my keys to be easily changeable. You can add server only variables by overloading the server method instead, just know that your initializers will be ran before the server command.

require 'zeus/rails'

class CustomPlan < Zeus::Rails

  def boot

    # Omniauth Keys

    # GOOGLE+
    ENV['GPLUS_KEY']       = 'xxx'
    ENV['GPLUS_SECRET']    = 'xxx'

    # FACEBOOK
    ENV['FACEBOOK_KEY']    = 'xxx'
    ENV['FACEBOOK_SECRET'] = 'xxx'

    super # Finish boot
  end
end

Zeus.plan = CustomPlan.new

相关问答

更多

相关文章

更多

最新问答

更多
  • 获取MVC 4使用的DisplayMode后缀(Get the DisplayMode Suffix being used by MVC 4)
  • 如何通过引用返回对象?(How is returning an object by reference possible?)
  • 矩阵如何存储在内存中?(How are matrices stored in memory?)
  • 每个请求的Java新会话?(Java New Session For Each Request?)
  • css:浮动div中重叠的标题h1(css: overlapping headlines h1 in floated divs)
  • 无论图像如何,Caffe预测同一类(Caffe predicts same class regardless of image)
  • xcode语法颜色编码解释?(xcode syntax color coding explained?)
  • 在Access 2010 Runtime中使用Office 2000校对工具(Use Office 2000 proofing tools in Access 2010 Runtime)
  • 从单独的Web主机将图像传输到服务器上(Getting images onto server from separate web host)
  • 从旧版本复制文件并保留它们(旧/新版本)(Copy a file from old revision and keep both of them (old / new revision))
  • 西安哪有PLC可控制编程的培训
  • 在Entity Framework中选择基类(Select base class in Entity Framework)
  • 在Android中出现错误“数据集和渲染器应该不为null,并且应该具有相同数量的系列”(Error “Dataset and renderer should be not null and should have the same number of series” in Android)
  • 电脑二级VF有什么用
  • Datamapper Ruby如何添加Hook方法(Datamapper Ruby How to add Hook Method)
  • 金华英语角.
  • 手机软件如何制作
  • 用于Android webview中图像保存的上下文菜单(Context Menu for Image Saving in an Android webview)
  • 注意:未定义的偏移量:PHP(Notice: Undefined offset: PHP)
  • 如何读R中的大数据集[复制](How to read large dataset in R [duplicate])
  • Unity 5 Heighmap与地形宽度/地形长度的分辨率关系?(Unity 5 Heighmap Resolution relationship to terrain width / terrain length?)
  • 如何通知PipedOutputStream线程写入最后一个字节的PipedInputStream线程?(How to notify PipedInputStream thread that PipedOutputStream thread has written last byte?)
  • python的访问器方法有哪些
  • DeviceNetworkInformation:哪个是哪个?(DeviceNetworkInformation: Which is which?)
  • 在Ruby中对组合进行排序(Sorting a combination in Ruby)
  • 网站开发的流程?
  • 使用Zend Framework 2中的JOIN sql检索数据(Retrieve data using JOIN sql in Zend Framework 2)
  • 条带格式类型格式模式编号无法正常工作(Stripes format type format pattern number not working properly)
  • 透明度错误IE11(Transparency bug IE11)
  • linux的基本操作命令。。。