javascript - 谷歌浏览器中没有出现视差图像
问题描述
我在 xampp 中尝试了这个 codepen,但它不起作用。
我的html代码:
<html>
<head>
<link type="text/css" href="./Products/style.css" rel="stylesheet" /></link>
</head>
<body>
<div class="container">
<section>
<div class="image" data-type="background" data-speed="2"></div>
<div class="stuff" data-type="content"><h1>Simple Parallax scroll</h1><h2>Reoptimized</h2></div>
</section>
<section>
<div class="image" data-type="background" data-speed="7"></div>
<div class="stuff" data-type="content"><h2>Made to be fast</h2><p>Lorem Deserunt maiores minima ipsa. Adipisci, corrupti, voluptatibus! Similique quidem necessitatibus provident.</p></div>
</section>
<section>
<div class="image" data-type="background" data-speed="6"></div>
<div class="stuff" data-type="content">Accusamus at ex amet perferendis atque fuga, ad earum, ipsa perspiciatis, dolore neque, accusantium consectetur quis voluptatibus culpa architecto animi natus facere expedita sed. Voluptatem odit explicabo amet neque aut.</div>
</section>
<section>
<div class="image" data-type="background" data-speed="5"></div>
<div class="stuff" data-type="content">Accusamus at ex amet perferendis atque fuga, ad earum, ipsa perspiciatis, dolore neque, accusantium consectetur quis voluptatibus culpa architecto animi natus facere expedita sed. Voluptatem odit explicabo amet neque aut.</div>
</section>
<section>
<div class="image" data-type="background" data-speed="3"></div>
<div class="stuff" data-type="content">Accusamus at ex amet perferendis atque fuga, ad earum, ipsa perspiciatis, dolore neque, accusantium consectetur quis voluptatibus culpa architecto animi natus facere expedita sed. Voluptatem odit explicabo amet neque aut.</div>
</section>
<section>
<div class="image" data-type="background" data-speed="3"></div>
<div class="stuff" data-type="content">Accusamus at ex amet perferendis atque fuga, ad earum, ipsa perspiciatis, dolore neque, accusantium consectetur quis voluptatibus culpa architecto animi natus facere expedita sed. Voluptatem odit explicabo amet neque aut.</div>
</section>
</div>
<script src="./Products/js.js"></script>
</body>
<html>
解决方案
推荐阅读
- php - 如何使用 Laravel lighthouse-php 和 vuejs 实现搜索功能?
- javascript - 甜蜜警报确认后未提交表单
- javascript - 如何将 URL 数组转换为树/文件夹结构数据?
- c++ - 如何在 OpenGL 中实现两个不同的窗口(非当代)
- javascript - 我如何在 DOM 中通过 li 标签计数器样式线
- python - WSL2:Python 使用 VS Code 调试器重命名文件
- php - MySQL 服务器已消失 - 数据包乱序。预期 0 收到 1. 数据包大小=72
- php - 如何在 laravel 8 中使用(路由)传递 slug 的参数?
- charts - ChartJS - 如何选择可见的数据标签
- c# - 带有 Web 和 GUI 项目的 C# 解决方案