javascript - 保持背景固定但让照片滚动

标签 javascript jquery html css three.js

我正在我的网站上工作 www.kdoan.com而且我似乎无法弄清楚如何让我的三个 JS 背景动画保持不变(固定),同时允许我的元素部分正常滚动。它们过去工作得很好,您可以滚动浏览其余照片。

例如,如果您进入我的网站,然后在左侧转到元素,然后转到水化,就会出现我的一个作品的图像,但您无法滚动查看其余部分。我可以做到,所以你也可以,但它最终会破坏美感,你会看到一个白色的背景。如果有人可以帮助或指导我,那就太好了。谢谢!

最佳答案

我建议将页面的所有 html(文本和图像)包含在一个 div 中,使其可滚动并填充页面。 所以我建议的代码是这样的:

<div style="width:100%; height:100vh; overflow-y:scroll;">
    Hydration is a series of 3d models I worked on with Yung Jake.
    The pieces consisted of distorted bottles that were refracted against
    different images and then printed onto metal canvases. ...
</div>

顺便说一句,那是一个很棒的背景!!!

如果这对您有帮助,请告诉我。

关于javascript - 保持背景固定但让照片滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40984344/

相关文章:

javascript - 利用 Angular 中的导入函数进行插值

javascript - 需要 Jquery SlideUp() 函数

html - 我如何在 CSS/HTML 中获得粘性页脚?

javascript - PHP 表单处理无法与 javascript onclick 函数一起使用

javascript - 如何强制固定定位元素内的元素响应 Android 网络浏览器上的 javascript onclick 事件?

javascript - 在 AngularJS 项目中使用外部 JS 文件

javascript - 迭代数组对象

流行框架或库中的 JavaScript 命令模式

javascript - 我用这个 javascript 得到 "undefined"。为什么?

html - 带有 {float :right] Stretches Container in IE7 的 <span> 标签