css停止图像在滚动上移动

时间:2016-05-18 17:25:58

标签: javascript scroll zurb-foundation

我有以下布局:http://www.alessandrosantese.com/test/aldemair-productions/

当我向上滚动,如果鼠标在图像上,它看起来像图像滚动,它几乎看起来像红色框是固定的,但它不是。

在某些时候似乎有2个滚动条。

除了发生之外我会做的是:https://jsfiddle.net/7n554u1t/4/

我试过用这个:

.img{

background-attachment: fixed;

}

但这会产生视差效果,我不希望这样。

1 个答案:

答案 0 :(得分:1)

尝试从 app.css line no - 2569)更新您的css:

.off-canvas-wrapper {
    backface-visibility: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.off-canvas-wrapper {
    backface-visibility: hidden;
    position: relative;
    width: 100%;
}

删除overflow-x: hidden;