[英]How to Scroll layers with multiple rate on website
我发现这个网站的效果我想复制一下。 看看我在说什么,请到这里:
滚动浏览网页时,您可以看到冰山图层以与其顶部文本框不同的速率滚动。 我想知道他们是怎么做到的。
在他们的http://www.rowtothepole.com/release/includes/js/parallax.js
有代码可以移动身体的背景图像和外部div的背景图像,这些图像适用于冰山和云层:
Event.observe(window, "scroll", function() {
var offset = document.viewport.getScrollOffsets();
$(document.body).setStyle({
'backgroundPosition': 'center -' + (offset[1] / px_scroll_amt) + 'px'
});
if (xhr_support) {
$("outer").setStyle({
'backgroundPosition': 'center -' + (offset[1] / (px_scroll_amt / 3)) + 'px'
});
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.