我正在开发一个我下载的视差web模板,其中的div包含视差和浮动在其他z索引较低的内容上的背景图像。
每当我使用它们的iFrame代码在较低的区域嵌入Vimeo或YouTube视频时,只要浮动的div“接触”到嵌入的播放器,视差的背景图像就会在y方向上跳跃。我认为这个问题与Flash最终作为一个iFrame嵌入到一个普通的页面嵌入中的问题有关--请随意尝试。
这只发生在Chrome和Safari中。Firefox和IE的工作方式与预期一致。我已经从我的web模板创建了一个精简的JSFiddle来说明这个问题。在上面的浏览器中尝试一下,你可以看到问题的发生--只需稍微滚动一下结果即可。
Too
他们的任何设计模板(如WordPress或bootstrap)在聚合物中,具有滚动到下一个div或上一个div onscroll和动画前一个div的效果(如视差容器)我尝试了视差容器,但它有溢出我已经使用overflow:隐藏;但显示不是correct.Then我已经实现了这个功能,并调用当点击向下键和向上键。
scroll_down() {
//dist = next element offsetTop
smooth_scroll_to(el,dist, 2000);
//sliding previous div by adding animation name
}
s
我正在尝试使用jQuery创建一个视差效果。我有3个框在页面上,我想折叠在1所有三个div当用户向下滚动时,当用户向上滚动时,他们应该再次分离。所以我使用了scroll事件,当用户向上滚动时,我无法将它们分开。是我的,下面是我的代码: JS:
$(window).scroll(function () {
var x = $(this).scrollTop();
if(isVis($('.cnt')[0])){
var x = $('.lft').offset().left,
y = $('.rit'