html - 滚动背景直到显示整个背景图像

标签 html css background scroll

我有一个非常高的图像,我将其用作 body 标签的背景。但是,页面可能比这张图片长,所以过了一会儿我看到了背景颜色,因为我使用了 no-repeat(背景不是图案)。

有没有办法让背景保持可滚动,然后当我到达图像的末尾时,让它“卡在”底部,尽管页面一直在滚动?

最佳答案

你需要使用一个额外的固定图层并将图片底部设置为透明,然后监听滚动事件以检测何时到达原始背景的底部,将固定图层设置为可见,瞧,你有它!如果您在其中任何方面需要帮助,请提供您的代码片段,以便我为您实现。

关于html - 滚动背景直到显示整个背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17328007/

相关文章:

Javascript 去除背景颜色和不透明度

php - 多个页面标题与一个头文件

html - 将 Z-Index 添加到溢出容器内的下拉列表中

javascript - 上传到服务器后水平 slider 无法正常工作

css - 如何更改 Cakephp 默认链接颜色?

html - 使用 HTML 和 CSS 的 L 形边框

html - 在菜单按钮中移动文本

html - webkit 在调整大小时 float 闪烁

Android 向用户显示来自后台应用程序或服务的是-否对话框

ios - 选项卡式应用程序的全局音频播放器