我正在研究一个我下载的视差网页模板,它有背景图像的div,视差和漂浮在其他较低的z-index内容上.
每当我使用嵌入他们的iFrame代码在较低区域的Vimeo或YouTube视频,背景图像是视差将在y方向一旦浮动DIV"触动"嵌入式播放器跳.我相信这个问题有最终的Flash嵌入与预期正常的页面嵌入作品的iFrame做的事 - 随意尝试.
这只发生在Chrome和Safari中.Firefox和IE按预期工作.我从我的网页模板中创建了一个精简的JSFiddle来说明问题.在上面的浏览器中尝试一下,你可以看到问题发生 - 只需滚动一下结果.
Too much code - just see the JSFiddle - that's the easiest way to see the issue
我真的想找到一个解决办法,因为我已经设计了我的整个网站,现在才注意到Chrome和Safari中的这个问题.
注意:问题不在视差JS代码中.我把它留在那里就可以看出效果.没有该代码,背景图像仍会弹出.
关于这个有几个问题和帖子,但我还没有找到一个好的答案.我有一个Meteor应用程序,我想存储一个巨大的配置文件CONSTANTS,它将在我的应用程序中用于服务器和客户端,如下所示:
// Constant values used throughout app
DEFAULT_PLAYERS_PER_GAME = 4;
DEFAULT_LENGTH_OF_GAME = 300000;
DEFAULT_PLAYER_ACCOUNT_TYPE = 'basic';
BASIC_MONTHLY_FEE = 0;
PREMIUM_MONTHLY_FEE = 2.99;
// etc.etc.
理想情况下,我希望所有这些值都在一个文件中的一个位置,我还需要在客户端上引用它们.例如,在注册模板中向用户显示月费.该费用将来自我的配置文件中的一个位置.
每次我需要在我的应用程序中实际引用服务器事务的CONSTANT时,我知道我将从Meteor方法后面的服务器获取值,以防止用户更改客户端上的值.我没有在我的app结构中找到一个允许客户端访问这些CONSTANTS而无法更改它们的位置.
如果它们仅存储在客户端上,那么当服务器访问它们时,用户只需使用JavaScript控制台即可更改它们.如果它们仅存储在服务器上,则我无法从客户端访问它们以向用户显示值.我假设如果它们存储在客户端/服务器文件夹中,它们仍然可以被客户端上的用户更改.
我有几个想法,但我发现它们都不理想:
仅将它们存储在服务器上,并使用Meteor方法将其值返回给客户端.这很麻烦,因为我发现从客户端获取Meteor方法的值的唯一方法是在Meteor方法回调中设置会话变量,这并不总是及时工作,因为回调是异步的.
使用环境变量.这对于安全值很有用,但客户端无法看到这些值.
在服务器和客户端上有两个单独的配置文件,只是确保所有服务器事务都使用服务器配置文件,因此值不能更改？我不喜欢这个,因为那时你必须更新两个不同文件中的值.