javascript - 这是如何工作的 : http://welbog. homeip.net/

标签 javascript html css web

<分区>

这是如何工作的?:http://welbog.homeip.net/

只需向下滚动。它看起来很酷,看起来很酷,而且不需要 javascript 就可以工作。那是什么?

最佳答案

这是由具有固定背景的 div 制作的,该背景不随其滚动并且非常高。

你可以在 CSS 中看到:

background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;

这将使它保持在右上角,永远不会重复它并使其看起来“固定”在网站上。

每个 div 都有不同的背景来产生这种效果。

关于javascript - 这是如何工作的 : http://welbog. homeip.net/,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7243452/

相关文章:

javascript - 当用户位于页面底部时编辑 css 值

javascript - Openlayers 3 + GeoJson 选择功能

javascript - 在 IE(7+) 中嵌入音频,使用 javascript 静音和取消静音功能

html - SEO:<button> 与 <a> HTML 标签

带有 CSS 的 Javascript 按钮

javascript - 如何将日期转换为此(yyyy-MM-ddTHH :mm:ssZ) format

javascript - 当我上传代码时,我的代码无法在 CodePen 或 JsFiddle 上运行,但在浏览器中运行良好。有人可以帮助我吗?

css - RefineryCMS:将 Bootstrap 样式应用于导航菜单

javascript - jquery 选择的选择验证消息在表单提交之前不会消失

javascript - 提交 AJAX 表单以表达 api - JSON 中位置 0 处出现意外标记 #